Horizong theme, variant option name, how to bold

[ladybughome]

I am new to shopify and am pleased with the horizon theme.

How do I bold the variant option name in a drop down box for the horizon theme as show in the highlighted text below? Thanks!

[Weblux]

Hi,

If you’re referring to the variant label, probably the Size or Colour, you can make it bold with CSS by targeting the label class. If you mean the text inside the native dropdown, styling is limited by the browser. If you can share a screenshot or your store URL, I can point you to the exact selector.

And if you want me to fix it for you, let me know.

[Bhumii]

Hello,

Open the theme editor then open the base.css file add this css in the bottom of file.

.variant-option.variant-option--dropdowns label {
  font-weight: 600;
}

I have attached screenshot how can you go to the theme editor.

From your shopify admin click on three dots of your theme and click on edit code.

After that fine the base.css in the editor and add the css.

Let me know if you face any issue.
Thanks!!

[Ploqo]

Tested on a Horizon store: the dropdown option name goes from normal weight to bold.

Before and after

Steps

• Online Store > Themes > Horizon > ... > Edit code
• Open assets/base.css
• Paste the code at the very bottom, then Save:

.variant-option--dropdowns > label {
  font-weight: 700;
}

Notes

• 700 is bold. Use 600 for a lighter, semibold look.

[Laza_Binaery]

You guys sure it is variants?

Maybe custom code or an app?

@ladybughome, the URL of the store would help, because this is all guessing.

[devcoders]

Hi @ladybughome

Welcome to the Shopify Community! Please share your store URL and password (if it’s password-protected), so I can check and provide you with the exact solution.

Best regards,
Devcoder

[ladybughome]

@Bhumii

.variant-option.variant-option--dropdowns label {
  font-weight: 600;
}

thanks.. worked perfectly