Discuss and resolve questions on Liquid, JavaScript, themes, sales channels, and site speed enhancements.
We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more
Can you suggest a way to unbold the variants shown on my product page (ringed in red)?
Or perhaps only have the selected one bolded?
I feel both bold is confusing
Solved! Go to the solution
This is an accepted solution.
Hello,
.swatch .swatch-element label {
font-weight: 500;
opacity: 0.7;
}
.swatch_options input:checked+.swatch-element label {
font-weight: 700;
opacity: 1;
}
please put the css in the style.css part
Hello,
For that we need to apply the css. Can you share me the store URL so i can send you the css for that.
This is an accepted solution.
Hello,
.swatch .swatch-element label {
font-weight: 500;
opacity: 0.7;
}
.swatch_options input:checked+.swatch-element label {
font-weight: 700;
opacity: 1;
}
please put the css in the style.css part
that's awesome. thanks 😎