Change size of text in variant

Solved

Change size of text in variant

Olaf5
Tourist
22 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
8868 2121 2605

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 is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
Need THEME UPDATES but has custom codes? No worries, contact us for affordable price.

View solution in original post

DaisyVo
Shopify Partner
416 64 61

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
Explore other solutions
here. Live Chat Support is available 24/7.

View solution in original post

Replies 3 (3)

Made4uo-Ribe
Shopify Partner
8868 2121 2605

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 is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
Need THEME UPDATES but has custom codes? No worries, contact us for affordable price.

DaisyVo
Shopify Partner
416 64 61

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
Explore other solutions
here. Live Chat Support is available 24/7.

Olaf5
Tourist
22 0 1

Thank you guys both works 

 

Thank you another time for your help😉