Widen colour tile variant block - CANOPY theme

Store Design
, , ,
1

Does anyone know if there is a way to WIDEN the block that the colour variants are in? The default colour tile size is very small, so I went into the back end and enlarged the circle dimensions for our colour tiles, but now because it’s a narrow block, when there are many larger colour tiles they elongate the page - we want to instead widen this block so that there are at least 4-5 or more colour tiles per row (to use up the blank white space on the right side of the product pages) instead of only 2-3 in long columns, see attached and let me know if this is something that I can change in the theme settings, as I haven’t been able to find this setting yet. I did see that I can select “full width” for the page layout, but that for some reason doesn’t change the width of the variant block… here is the preview link: https://www.firstladyproducts.com/?_ab=0&_fd=0&_sc=1&preview_theme_id=121517277278

we don't want 2 columns of colour tiles, we want at least 4-5 per row to use up the white space on the right side of the page.
we don't want 2 columns of colour tiles, we want at least 4-5 per row to use up the white space on the right side of the page.2416×2254 460 KB

2

hi @FLProducts

This is David at SalesHunterThemes.

Follow this path:

Themes => edit code => asset => style.css

and add this code to bottom of the file style.css

.product-form .option-selectors, .product-form .payment-and-quantity--buttons-active {
    max-width: 100%;
}

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

David | SalesHunterThemes team

1 Like
3

Thank you so much, this worked perfectly! Super appreciate it