Return to previous page

Regarding product single page template variation setting

This topic has 4 replies, 2 voices, and was last updated 3 weeks, 3 days ago ago by Tony Rodriguez

liang

Participant

October 29, 2024 at 04:06

Hi, there I am writing to inquire about how to change the variation swatches settings in my website. Currently. the variations I set is shown in image 1. But it is a bit too invisible. Can you help me redesign this place here? I think adding a border for each variation will make it much easier to be observed. You can also consider different colors. I tried but no changes seem to take place. Can you tell me how to do it?

Please, contact administrator
for this information.

Files is visible for topic creator and
support staff only.

#420788 Copied

3 Answers

Tony Rodriguez

Support staff

October 29, 2024 at 07:17

Hello, @liang,

Thank you for contacting us and for using XStore.

You can configure the variation attributes type by following these steps:

1. Navigate to **WordPress Dashboard** > **Products** > **Attributes**.
2. Select the attribute you wish to edit.
3. Choose the desired type according to your requirements.
4. Save the settings.

For your convenience, we have provided reference images in the private content area.

2/ We kindly request you to navigate to **XStore > Theme Options > WooCommerce > Shop Elements > Variation Swatches** and select the design type as **(default)**. Once done, please ensure to publish the changes and check again.

For your convenience, we have provided reference images in the private content area.

3/ Please watch this video https://youtu.be/LgzC4iK-j6A?feature=shared and read this article – https://woocommerce.com/document/variable-product/

If you have any further questions or need additional assistance, please don’t hesitate to reach out.

Best regards,
The 8Theme Team

Please contact administrator
for this information.

#420808 Copied

liang

Participant

October 31, 2024 at 01:08

In this case, how can I adjust the font size of variations

#421078 Copied
Tony Rodriguez

Support staff

October 31, 2024 at 05:25
Hello, @liang,

Thank you for your response.

In order to solve your issue simply go to the Dashboard >> XStore >> Theme Settings >> Theme Custom CSS >> Global and then paste the below code at the bottom of the CSS box there.
```
.single-product form.cart table.variations th.label label{font-size:30px !important;}
.single-product ul.st-swatch-size-large li.type-label span{font-size:30px !important;}
```
Then save settings and check back to your site after clearing the browser cache.

Note: In the above code the word “30” is the size you can change it with the size you want.

Best regards,
The 8Theme Team

Please contact administrator
for this information.
#421089 Copied
Viewing 4 results - 1 through 4 (of 4 total)