Variant Picker

[DCB]

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. 

[thirtycoders]

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!

[Made4uo-Ribe]

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!

[PageFly-Oliver]

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

[DCB]

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 · 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! 😂