Arrange Thumbnails in Woo

Support
#1

Hello,

Using the below CSS to make the Woo product thumbnails bigger, which is working:

However, we want to stack them vertically, rather than in a row at the top. Any advice on CSS for this? Have played with display:grid, and position:absolute, but not working.

.flex-control-nav.flex-control-thumbs img {
height: 4.5em;
}

Thanks

#2

Hi @stonerome,

Thanks for reaching out.
To make the thumbnail images vertical you need to add the following custom CSS code into the Theme Options > CSS.

.flex-control-nav li 
{
    margin-bottom: 15px !important;
    display: list-item !important;
}
.flex-control-nav.flex-control-thumbs li:not(:first-child)
{
    margin-left: 0 !important;
}

Please remember that the above code will work if copied as it is and doesn’t conflict with any existing style.
Please note that the code provided serves only as a guide to help you get started custom coding on your own if there’s no option offered in our theme or the products we bundle.
We really do not provide support for custom codes that means we can’t fix it in case it conflicts with something on your site nor will we enhance it.

Thanks

#3

This worked great - thank you!

#4

Glad to hear that.

#5

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.