How can I change variant label font on the Impulse theme?

Store Design
1

Hello, I am using impulse theme on my store.

My heading font is poppins and my body text font is Raleway.

However the variant labels and the quantity label on my product page are using a different font + uppercase transform as you can see on the following screenshot :

Capture d’écran 2022-12-14 à 5.40.20 PM.jpg
Capture d’écran 2022-12-14 à 5.40.20 PM.jpg1132×750 26.5 KB

I would like to use Poppins font in bold or semi bold for these 3 labels without any uppercase transform.

Can you please let me know the css code that I need to add on the theme.css file?

Thanks.

1 Like
2

Hello There,

Please share your store URL and Password.
So that I will check and let you know the exact solution here.

3

Hello @YoannS

It’s GemPages support team and glad to support you today.

To provide you with the most precise solution in this case, could you please share the product link?

4

Hello, I would like to keep my store private.

I am using the impulse theme “Clean” without modifications that you can see here https://themes.shopify.com/themes/impulse/styles/clean/preview

@GemPages @ZestardTech

5

@YoannS

Unfortunately, the demo theme only uses the same font: Basic Commercial

Screenshot at Dec 14 18-13-48.png
Screenshot at Dec 14 18-13-48.png891×842 203 KB

6

This is what I have in the theme.css.liquid file

Capture d’écran 2022-12-14 à 6.41.50 PM.jpg
Capture d’écran 2022-12-14 à 6.41.50 PM.jpg1216×934 61.4 KB

I think I have to add something here for the .variant__label. I have tried to add “font-family: “Poppins” !important;” but it didn’t work

7

Hello there,

you can share me store url and password.

8

@YoannS

You go to customize of the theme and choose the font for the heading and body as Poppin

May be in settings - typography

9

Already changed, but I want a different font for the variant labels. that’s why I need to add a special css