Widen colour tile variant block - CANOPY theme

[FLProducts]

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

[David_SHT · Accepted solution]

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

[FLProducts]

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