Variant Picker

Store Design
1

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
DCB_0-1714668093732.png297×212 5.15 KB

1 Like
2

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!

1 Like
3

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!

4

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

Hope my solution works perfectly for you!

Best regards,

Oliver | PageFly

5

Unfortunately that didnt work :disappointed_face:
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.

6

i did it!

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

.form__label {
font-weight: bold;
}

easy as that! :joy:

1 Like