codehaven - php snippets - coding help
Generic filters
Exact matches only
    • octopus energy discount code

    Resize gallery thumbnails to show only 3 – Woocommerce

    29th September 2020

    WooCommerce

    woocommerce category codehaven

    I only have 2 or maybe 3 images per product but the gallery is expecting lots, so it sets out 4 columns, which makes my images very small.
    Therefore I need to have only 3 columns. The code below lets me set as many columns as I need.
    Resize gallery thumbnails,,

    1
    2
    3
    4
    5
     
    .woocommerce div.product div.images .flex-control-thumbs li {
    width: 33.33%;
    }
     

    and now it looks like this…
    Resize gallery thumbnails,,

    Was this code snippet helpful?

    RSS Latest Snippets
    LINKS
    A Repository of Code Snippets in many Programming Languages:-

    PHP – JQUERY
    CSS – MYSQL
    WORDPRESS – JAVASCRIPT
    WOOCOMMERCE – HTML

    © 2022 CODEHAVEN