Home › Forums › CSS › Issues With Woo Commerce Related Products Image Sizes › Reply To: Issues With Woo Commerce Related Products Image Sizes
August 27, 2013 at 3:53 am
#148211
Paulie_D
Member
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.