How can I change the font family of a variant label on Streamline theme?

Store Design
1

Hi there,

I’m trying to change the variant label font-family on my Streamline theme.

I tried adding below code to the theme.css.liquid but nothing happened. I’m sure I’m either using the wrong code, or the wrong file.

div#product-block .variant__label {font-family:'NeutraDisp-Titling' !important;
   font-size: 4rem;}

Any help is appreciated.

Link to product: https://www.hispice.com/products/4-pack-subscription-box-2-months

2

Hi @benidesign

It seems that you haven’t imported the font family ‘NeutraDisp-Titling.’
To use a font, you need to import it first. You can follow this guide from Streamline Support.
It requires some coding knowledge of Shopify themes. They suggest hiring a Shopify Expert if you don’t feel comfortable proceeding with the tutorial.

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any questions!

3

Thank you @AVADA , appreciate the comment.

The font is installed and when trying to make the edit in the developer tools on Chrome, it works.

When I paste the code into the theme.css file, it doesn’t.. I’m wondering if I’m missing a class.

div#product-block .variant__label {
display: block;
margin-bottom: 15px;
font-family: ‘NeutraDisp-Titling’ !important;
}

Any help with this is appreciated. This should be a simple change and I can’t figure out why it isn’t working.

4

Sorry for missing your message @benidesign

I see you have changed the font successfully. Congratulations!