Product page thumbnail alignment « Support Forum | Kriesi.at

Product page thumbnail alignment

4 posts from 2 voices

Tags:

tremblayly
Member

Hi,

I have different image sizes, so when displayed as thumbnails on the shop page they appear as though they are not aligned properly. How can I resolve this issue? Here's the link to my shop : http://tremblaytechweb.com/TWdev/shop/product-category/boats-accessories

Thanks,
Lyse

Posted 1 year ago #
Ismael
Moderator
Hi,

On your custom.css drop this line. Looking at your site, this is all I can come up with.
```
.thumbnail_container_inner {
  min-height: 160px;
  border: 4px solid #f3ede8;
}

#top .thumbnail_container img, #top .thumbnail_container a:hover img {
margin: 20px 0;
display: block;
border: none;
width: 100%;
height: auto;
}
```
This is not a suggested solution. It is much better to have a uniform canvas for your featured images before uploading them.

Regards,
Ismael
Posted 1 year ago #
tremblayly
Member

Hi Ismael,

That worked well. Just one more question, is it possible to vertically align the images so that the smaller ones look a bit better.

Thank you so very much for the prompt response.

Lyse

Posted 1 year ago #
tremblayly
Member

Hi Ismael,

Hi have worked something out, So thank you.

Lyse

Posted 1 year ago #

This topic has been closed to new replies.