Tagged: , , ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • August 29, 2017 at 2:47 pm #845349
    friendlier

    Hi,

    Other posts have covered this topic but their solutions don’t seem to be working for me.

    I’m trying to change the number of columns from four to two, and have tried resizing the thumbnails and regenerating them; this doesn’t seem to help. I’ve also tried

    https://kriesi.at/support/topic/number-of-image-gallery-columns-in-a-woocommerce-single-product-page/

    Earlier solutions suggested changes to the config.php file but I can’t seem to find a reference to the columns in that file.

    many thanks for your help

    Simon

    • This topic was modified 7 years, 2 months ago by friendlier.
    August 31, 2017 at 1:40 pm #846235
    Yigit

    Hey Simon,
    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

    .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li {
    width: 50%;
}

    Best regards,
    Yigit

    September 12, 2017 at 5:21 am #850744
    friendlier

    Thanks Yigit – that worked, and the site is now up and looking cool; I eventually went with three columns (33%) so that the text wasn’t overwhelmed by giant images.

    Edible Paris: three-column product gallery

    Great support – as ever,

    best

    Simon

    .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery–columns-4 .flex-control-thumbs li {
    width: 50%;
    }

    September 12, 2017 at 8:05 am #850826
    Jordan Shannon

    Hi,

    I’m glad you were able to get this corrected. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Changing number of columns in woocommerce single product page gallery’ is closed to new replies.