Boutique Product page thumbs

  • Resolved burguava

    (@burguava)


    4 years, 5 months ago

    Hi, I want my thumbnail images on the product page to be a little bigger with less padding around them. Also, maybe 3 columns rather than 4

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Support mouli a11n

    (@mouli)

    Hi there!
    The 4 column layout is probably defined by your theme but we can change the size of the thumbnails a bit and reduce the margins between.

    I managed to increase the size of the images using a CSS snippet:

    .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li {
	width: 23%;
	margin-right: 2%;
}

    You can add this to the Additional CSS field in the Customiser under Appearance ? Customise.

    I hope that helps you to figure it out.
    Feel free to get back to us if you have further questions.

    Thread Starter burguava

    (@burguava)

    This worked! Awesome thank you!

    • This reply was modified 4 years, 5 months ago by burguava.
    Thread Starter burguava

    (@burguava)

    In case anyone wondered, the top code was for the Storefront theme with Boutique as the child theme. Boutique is the free theme from Woocommerce for storefront.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Boutique Product page thumbs’ is closed to new replies.