The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Issues With Woo Commerce Related Products Image Sizes Reply To: Issues With Woo Commerce Related Products Image Sizes


For the main product image you would need to add margin: somepx auto to get it to center in the div with a class of images.

So..something like

div.images img {
margin: 20px auto;

You should be aware, on looking at the HTML that the image dimensions are hard coded into the HTML.

Not sure about the the related product images…there is a lot of inline CSS inside the HTML which, I am supposing is either added by PHP or JS (this I suspect).

At the moment these links have this in their CSS

display: block;
float: left;
border-right: 1px solid #ddd;
border-bottom: none;
margin: 0;
padding: 6px;
text-decoration: none;
text-align: left;
cursor: pointer;

This would need some changes to center…such as removing the floats and adding making them inline block with a text-align:center on the containing div.