Tagged: 

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #14339

    Hi,

    Is it possible to remove the grey border from the product images/thumbnails in the shop, category, and product pages?

    I would also like to remove the border from the main cloud zoom (but not the section over the product image, just the zoomed section on the right).

    Thanks

    M

    #82990

    Hi,

    Actually, it is not a border, it is the background color of the container. Just add this on your custom.css

    .thumbnail_container {
    background: none;
    }

    Regards,

    Ismael

    #82991

    Great thanks! Is it possible to have the same appearance for the image on product page, and also the cloud zoom function (both without grey border)

    Thanks Again

    M

    #82992

    Hi M,

    Try adding the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files:

    .template-shop .images a {
    background: none;
    }

    .cloud-zoom-big {
    border: none;
    }

    That should do it.

    Regards,

    Devin

    #82993

    Thanks! Appearance is now exactly what I was looking for, but using the above has made both the shop images, and single product images, approx 10px smaller (throwing out all the text alignment). Is it possible to increase the size of them? Would it be through functions.php?

    Thanks

    #82994

    Hey!

    You can change the thumbnail size on the Catalog Settings page (WooCommerce > Settings > Catalog).

    Best regards,

    Peter

Viewing 6 posts - 1 through 6 (of 6 total)

The topic ‘Product Pictures and Cloud Zoom’ is closed to new replies.