swatch only display plain text

Hi there,

I checked the page you mentioned, and it seems the style of the Labels of our plugin seems to be changed by your current theme.

So I suggest you check the settings in the theme and the clean the cache of your site and browser to see if the style you wanted is applied.

We’ll remain at your disposal.

Hi Arano, thank you for your information.

I ve double checked the styles display in the Inspection of the browser, and found the styles are not applied to the Wrapper and the text at all.

The current css styles of the variations as shown below:

.qodef-yith-wccl–predefined .select_box.select_box_label>* {

1. display: inline-flex;
2. flex-wrap: wrap;
3. font-family: Roboto, sans-serif;
4. font-size: 16px;
5. line-height: 1.62em;
6. font-weight: 300;
7. color: #000;

There is no font color , border color and swatches size defined.

The following is the YITH color and Label variation setup in the YITH Customization page:

Style optionsForm colors BORDER: #433b3b

Color valueACCENT: #448a85

Color valueColor swatches size 48(px)Color swatches border radius 5(px)Options border radius 5(px).

And there is no plugin override the above codes.

Hi there,
I have checked the page but it seems you disabled the plugin. Could you, please, enable it again so we can check what happens?

Thanks in advance.
We remain at your disposal.

I didn’t disabled it. could you please check the page:

https://dorluxure.com.au/product/spinecomfort-hybrid-mattress/

Hi there,

We checked your site and we could see that our JS and CSS files are not listed in the sources section of the develper tools, which might means that our scripts are not currently included in your site. Could you check that?

Regarding the CSS rules you have, it seems another plugin uses our selector to change the layout ( probably your theme to create a specific layout ) Could you check if this problem persists if you remove the rest of the plugin ( except WooCommerce and our plugin ) or even if you change your theme?

Let us know the results.

I don’t know why the js css files are not included. I have installed and activated the YITH plugins. can you refer to the attachment and have a look>?

Hello there,

I can’t find any attachment in your latest reply, may I ask you send it again?