Return to previous page

Color Variations Swatches Layout Error…

This topic has 2 replies, 2 voices, and was last updated 1 years, 1 months ago ago by Luca Rossi

Jonathan

Participant

January 17, 2024 at 14:07

Hi, I have configured the color attributes for my website with a total of 54 terms.

The problem is that on the product page the color variations are displayed on a single line and do not match the screen size. Attached is a screenshot:

https://prnt.sc/hXTNQnkP7cik

How can I fix this so that they automatically dock?

Thank you. Regards.

Please, contact administrator
for this information.

#380236 Copied Theme version: 9.2.6 WooCommerce version: 8.5.1

1 Answer
Luca Rossi

Support staff

January 17, 2024 at 16:02
Dear Jonathan,

We hope this message finds you well.

In order to resolve the issue, we kindly request that you insert the following custom CSS code into your website. Please navigate to Theme Options, then proceed to Theme Custom CSS, and finally to Global CSS, where you can add the code:

form.cart ul.st-swatch-preview-single-product { max-width: 400px; }

For your reference, here is a screenshot illustrating the matter: https://prnt.sc/Hsiq7siGgR_Q

We trust that this will assist you in addressing the concern. Should you require any further assistance, please do not hesitate to reach out.

Best regards,
The 8Theme Team
#380263 Copied
Tagged: color variations swatches, fix woocommerce errors, swatches layout error, woocommerce color variations, woocommerce templates, wordpress ecommerce solutions, wordpress templates
Viewing 2 results - 1 through 2 (of 2 total)