ATTRIBUTE WIDGETS SHOWN IN BOLD

When I activate the following attribute option

Attribute dropdown will be replaces with squared buttons

the same attribute options is getting show in bold in the sidebar column.

With the default widget of WooCommerce, this doesn’t happen. I do not want this, I want to enable the feature so that it gets displayed in bold in the product page. But I don’t want this to be done in the widget sidebar.

How can I remove the bold from the widget sidebar?

Attachments:

You must be logged in to view attached files.

Hello,

You would better apply the default Woocommerce attribute filter http://prntscr.com/n55l90

Best Regards

I prefer to use the Woodmart widget. The design is better.

But why do you apply the attributes in bold? Please tell me how to let it appear normal?

Hello,

I am checking and see that the attribute just changes the color not getting bold. https://gyazo.com/47b52166a62884d16117c50c038ca25e

Please provide the page URL.

Best Regards

Dear,

Examples in private

Thanks

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

body .woodmart-woocommerce-layered-nav .layer-term-name {
    font-weight: 400;
}
body .woodmart-woocommerce-layered-nav .chosen .layered-nav-link:after {
    font-weight: 400;
}

Best Regards

thanks, and it seems that the font-size should also be reduced from 16px to 14px, which code to apply for this?

Hello,

Add line font-size:12px; into the code.

Best Regards

For any one interested, here is the full code :

body .woodmart-woocommerce-layered-nav .layer-term-name {
font-weight: 400;
}
body .woodmart-woocommerce-layered-nav .chosen .layered-nav-link:after {
font-weight: 400;
}
body .woodmart-woocommerce-layered-nav .swatches-normal .with-swatch-text .layer-term-name {
font-size: 14px;
}
body .woodmart-woocommerce-layered-nav .with-swatch-text .layered-nav-link {
color: #727272;
}

Ticket can be closed

[Author]

Posts