Docs

[Andrei]

Hi,

I would like to reduce the box of the thumbnails. I attached an image. My website is //sinestezic.com

Thank you!

[Nabeel A]

Hi there,

Thanks for writing in! Please add the following code in your Customizer via Appearance > Customize > Custom > Edit Global CSS:

@media screen and (min-width: 980px) {
    .single-product.woocommerce div.product .images .thumbnails>a {
        width: 100% !important;
    }
}

Let us know how this goes!

[Andrei]

Hi Nabeel,

Thank you for your reply. I don’t want to make the thumbnails bigger. I just want to eliminate that extra space in the thumbnail box (to make the box smaller) so I can bring the main image closer. I attached an image to show you what happened.

Thank you.

[Joao]

Hi Andrei

Please add the following code to Appereance Customizer Custom CSS

@media (min-width: 1200px) {
.single-product.woocommerce div.product .images .thumbnails {
    float: right !important;
    margin-right: -50px !important;
}}

Let us know how it goes,

Joao

[Andrei]

Thank you very much Joao, we are almost there. Can we align the thumbnails with the red line which corresponds with the other info on the website and make the main image larger? I attached an image.

[Rad]

Hi Andrei,

Another support here but it looks different from I’m getting. Thumbnails are under the main image instead on the left. What browser you’re testing this on?

Thanks!

[Andrei]

Hi Rad, thank you, I figured out another better look for the page.

[Joao]

Hi Andrei,

Thanks for letting us know,

Have a great day.

Joao

[Author]

Posts