How to change size of thumbnail carousel?

[Ryan1998]

How to change size of thumbnail carousel?

From this: 

To this:

[BSSCommerce-HDL · Accepted solution]

Hi @Ryan1998, 

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file base.css, theme.css, styles.css, custom.css or theme.scss.liquid

Step 3: Insert the below code at the bottom of the file -> Save

@media only screen and (min-width: 750px) {
    .product--thumbnail_slider .thumbnail-slider {
        padding: 0 100px;
        transform: translateX(12%);
    }
}

button.slider-button svg {
    scale: 2.5;
}

Here is result: 

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you  😍

[Ryan1998]

Works perfect 👍 

[BSSCommerce-HDL]

@Ryan1998, I'm happy to always be able to help you 😍

[Anon17]

Hi is there a way to get more images to show up at a time in the thumbnail on mobile version