Solved

Variant Picker

DCB
Excursionist
24 1 2

Hello,

I have a question about the Variant Picker. I wanted to change the text style of the title of the variant picker, e.g. size, style etc.
In this case I wanted to make the text style bold and see how it looks. But I just can't find it in the code.
I highlighted the place i want do change the fontstyle. 

DCB_0-1714668093732.png

 

Accepted Solution (1)
DCB
Excursionist
24 1 2

This is an accepted solution.

i did it!

this was the code which i posted in my base.css file.

.form__label {
font-weight: bold;
}

easy as that! 😂

View solution in original post

Replies 5 (5)

thirtycoders
Shopify Partner
135 21 26

Hello @DCB,

  1. Locate the code for the main-product.liquid in your theme files
  2. Find the section responsible for rendering the title.
  3. Apply the CSS style font-weight: bold; to that section.
  4. Save your changes and test the Variant Picker on your store.

Thanks!

Thirtycoders || Shopify Partner
Found my response useful? Show your appreciation with a Like!
Did your query get resolved? Mark it as an Accepted Solution.
For additional discussions, reach out via: Email ID: thirtycoders@gmail.com

Made4uo-Ribe
Shopify Partner
6474 1549 1923

Hi @DCB 

If you cant find the styles in the costumize theme. That means it needs a code to change the styles. Let me know if you need help. Thanks!

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.

PageFly-Oliver
Shopify Partner
878 190 174

Hi @DCB ,

 

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.liquid

Step 3: Paste the below code at the bottom of the file -> Save

 

<style>
variant-selects label{
font-weight:bold !important
}
</style>

 

 

Hope my solution works perfectly for you!

Best regards,

Oliver | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

DCB
Excursionist
24 1 2

Unfortunately that didnt work 😞 
I copied the code and posted it in the theme.liquid file at the bottom. I mean its not actually a title. Its the option of the product.

DCB
Excursionist
24 1 2

This is an accepted solution.

i did it!

this was the code which i posted in my base.css file.

.form__label {
font-weight: bold;
}

easy as that! 😂