Change size of text in variant

Solved

Change size of text in variant

Olaf5
Tourist
23 0 1

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?

Olaf5_0-1730408522048.png

 

thats my page

https://sino-swiss.ch/collections/akustik-trennwand/products/elektrisch-hohenverstellbarer-burotisch...

 

Thx

Accepted Solutions (2)

Made4uo-Ribe
Shopify Partner
10196 2420 3064

This is an accepted solution.

Hi @Olaf5 

Try this one. 

  1. From your Shopify admin dashboard, click on "Online Store" and then "Themes"
  2. Find the theme that you want to edit and click on "Actions" and then "Edit code".
  3. In the "theme. Liquid" file. Find the </body> tag and paste the code below before the tag. 

 

<style>
.swatch [data-variant-option-available=false]+.swatch-element label {
    font-size: 20px;
}
</style>

 

  • And Save. 
  • Result:
  • Made4uoRibe_0-1730410223162.png

     

 

Your Feedback Matters! Please mark the solution and give likes to posts that helped you. Your appreciation fuels our motivation to assist you better! 

If this fixed your issue, Likes and Accept as Solution are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.

View solution in original post

DaisyVo
Shopify Partner
4409 489 583

This is an accepted solution.

Hi @Olaf5 

 

You can try this one:

 

BF:

DaisyVo_0-1730438919000.png

AT:

DaisyVo_1-1730438938056.png

 

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

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Avada SEO & Image Optimizer - The #1 SEO solution

View solution in original post

Replies 3 (3)

Made4uo-Ribe
Shopify Partner
10196 2420 3064

This is an accepted solution.

Hi @Olaf5 

Try this one. 

  1. From your Shopify admin dashboard, click on "Online Store" and then "Themes"
  2. Find the theme that you want to edit and click on "Actions" and then "Edit code".
  3. In the "theme. Liquid" file. Find the </body> tag and paste the code below before the tag. 

 

<style>
.swatch [data-variant-option-available=false]+.swatch-element label {
    font-size: 20px;
}
</style>

 

  • And Save. 
  • Result:
  • Made4uoRibe_0-1730410223162.png

     

 

Your Feedback Matters! Please mark the solution and give likes to posts that helped you. Your appreciation fuels our motivation to assist you better! 

If this fixed your issue, Likes and Accept as Solution are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.

DaisyVo
Shopify Partner
4409 489 583

This is an accepted solution.

Hi @Olaf5 

 

You can try this one:

 

BF:

DaisyVo_0-1730438919000.png

AT:

DaisyVo_1-1730438938056.png

 

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

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Avada SEO & Image Optimizer - The #1 SEO solution

Olaf5
Tourist
23 0 1

Thank you guys both works 

 

Thank you another time for your help😉