Shopify themes, liquid, logos, and UX
I use flex theme and i want to change the size of variant text , im sure is with code but i tryed many things but seems that it doesnt work
i want to change the size of the all textes like grey marble sesame ecc not the label , is it possibile?
thats my page
Thx
Solved! Go to the solution
This is an accepted solution.
Hi @Olaf5
Try this one.
<style>
.swatch [data-variant-option-available=false]+.swatch-element label {
font-size: 20px;
}
</style>
Your Feedback Matters! Please mark the solution and give likes to posts that helped you. Your appreciation fuels our motivation to assist you better!
This is an accepted solution.
Hi @Olaf5
You can try this one:
BF:
AT:
Here is the code:
fieldset.swatch > .swatch__options > .swatch__option > .swatch-element > label {
font-size: 20px !important;
}
You can add in custom CSS field.
Hope this can help!
Best,
Daisy
This is an accepted solution.
Hi @Olaf5
Try this one.
<style>
.swatch [data-variant-option-available=false]+.swatch-element label {
font-size: 20px;
}
</style>
Your Feedback Matters! Please mark the solution and give likes to posts that helped you. Your appreciation fuels our motivation to assist you better!
This is an accepted solution.
Hi @Olaf5
You can try this one:
BF:
AT:
Here is the code:
fieldset.swatch > .swatch__options > .swatch__option > .swatch-element > label {
font-size: 20px !important;
}
You can add in custom CSS field.
Hope this can help!
Best,
Daisy
Thank you guys both works
Thank you another time for your help😉
Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025Discover opportunities to improve SEO with new guidance available from Shopify’s growth...
By Jacqui May 1, 2025