Change the size of product images and center them.

  • Resolved przemyslawjd

    (@d3bsky)


    5 years, 8 months ago

    Hello, at the beginning I would like to say that this plugin is great. By default, however, the product images are too large and I managed to reduce them using:

    
#woorelatedproducts li.product {
    width: 45%!important;
    text-align: center;
}

    However, now the products are not centered and are more on the left side. How can I center them?

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author Vagelis

    (@eboxnet)

    Hello sorry, I missed that, can you please give me a URL ?
    Thanks.

    Thread Starter przemyslawjd

    (@d3bsky)

    Thank you for the answer, unfortunately my site is locally on my computer.
    By default, it looks like this

    The pictures are large, slightly cropped and not centered.

    After adding the code that I mentioned above, it looks like this

    I would like the products to be in the middle, I do not know how I should do it.

    Plugin Author Vagelis

    (@eboxnet)

    If you want to target the images you should use 

    #woorelatedproducts li.product img {
    margin: 0 auto; //use this if you need to center the image
}
    Thread Starter przemyslawjd

    (@d3bsky)

    Super, actually The solution is very simple, now it works perfectly!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Change the size of product images and center them.’ is closed to new replies.