Home › Forums › Free Themes › Clean Commerce › Reduce image product image size

Tagged: , , , ,

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • March 11, 2017 at 11:10 am #35325
    agoulet
    Participant

    I’d like to reduce the product image sizes in the shop page and the product display page. I have reduced the size in the woocommerce settings and then regenrated thumbs but it does not work. I am assuming there is something i can change or add in the CSS? Appreciate the help since i find the image size is ruining the look of the page

    March 13, 2017 at 2:28 am #35507
    wensolutions
    Keymaster

    Hello @agoulet,

    The product images sizes are controlled from the WooCommerce settings itself and the theme settings should have no effect in the product image.

    However, if the settings are not working for you, please provide us your site URL to the product page so that we could inspect the image size and help you with some precise CSS code.

    Best Regards !!

    March 13, 2017 at 10:34 am #35538
    agoulet
    Participant

    Thank you. The site is http://babyauric.com/. It will land you on the shop page. I would like to redue image size on this page as well as on a product page: http://babyauric.com/product/applecheeks-diaper-cover/

    March 14, 2017 at 12:09 am #35606
    wensolutions
    Keymaster

    Hello @agoulet,

    To reduce the image size of the product in the shop page as well as in the specific product page use below CSS.

    For this go to Admin Panel > Appearance > Customize > Additional CSS and paste below given CSS

    .woocommerce ul.products li.product a img,
.woocommerce div.product div.images img  {
    width: auto;
    margin: 0 auto;
}

    Also please note that your image does not have uniform height so please upload the image of the proper height for proper display of the products.

    Hope this helps.

    If you have any issue further, please let us know.

    Best Regards!!

    March 14, 2017 at 9:55 am #35641
    agoulet
    Participant

    Worked like a charm, thank you! Worked on product page display but could you also give me the code for the catalogue images?

    March 14, 2017 at 11:24 pm #35729
    wensolutions
    Keymaster

    Hello @agoulet,

    As much as we would love to help you, we are having trouble in understanding your issue i.e the image you are referring to .

    So could you post the screen shot of the image you are having trouble with ?

    Hope you understand .

    Best Regards!!

    August 8, 2017 at 5:48 am #49745
    groundworks
    Participant

    Hi,

    I have a similar issue, adjusting the image size settings under product display options in woocommerce appears to have no effect. I assume it is something with the theme overriding them.
    I tried the custom CSS you posted above but no luck.

    Here is the shop page:
    http://www.groundworksminiatures.com/product-category/terrain/

    And an example of a product page:
    http://www.groundworksminiatures.com/product/traffic-barriers/

    Kind regards,
    Chris

    August 8, 2017 at 7:57 am #49760
    wensolutions
    Keymaster

    Hello @groundworks,

    You are having such issue because of the image size you are currently using . So please try to upload the image of uniform size and verify the issue .

    Hope this helps.

    Best Regards!!

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.