Misaligned related products images

[user88]

Hi,

In the process of testing and reviewing my site, I clicked on the 'related products' tag of various products and noticed that while some images and titles display ok, some don't. See images.

No clue what makes the difference. I tried changing the product name and image of the related product showing the problem to see if this would fix anything but it didn't.

Any thoughts?

[eCommerce Core]

This can be due to title length or broken HTML tag. Can you share link to your site? I can check HTML.

[user88]

Thanks,

The link to my site is www.bluestarway.com/increase4all/

[user88]

I looked around and did a temp fix.

Went to style.css and added a text-align: center under ul.side_prd_list li.related_product {

Then went to pages/product/product.tpl and added <br> between the code to insert the related image and before the code to insert related product name

While doing this noticed that this section will also show the rating for the product. So I tested it and never figured out how to get the stars to center align, so I removed this line.

Not center aligning related products doesn't look good for my website. Maybe I changed the thumbnail sizes of products too small or something, but even with center alignment, there is a slight misalignment between the image and title / price. Seems like the center for the image is different than the center for the title and price so they look slightly off. Looks better than before, but not quite there.

Any thoughts would be appreciated.