Move product gallery under product image

[wicara]

I am not sure if it is default but can i move the product gallery under the main image instead of over it

[mldarshana]

Hi There @wicara

Thanks for writing in! It’s already under your main product image and you can separate it by adding a border and changing the background color of the thumbnails area.

Could you please try adding the following CSS rules into your X -> Theme Options -> CSS area and see if that helps.

.woocommerce-product-gallery .flex-viewport {
    border: 1px solid red;
}
.woocommerce-product-gallery .flex-control-nav.flex-control-thumbs {
    background-color: rgb(233,233,233);
}

Hope that helps.