Does anyone know how to target header css in Debut theme? I wanna change the font size and

Store Design
1

I want to change the font family and font size of the header, does anyone know how to do that?

1 Like
2

@KevinFeldman

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

3

Hi, @KevinFeldman
Please share your site URL,

4

Sure, vibedd.com and password is: 1298 thanks for any help in advance

1 Like
5

can you provide me font-size,
and font-family name.
Thank You!

6

@KevinFeldman

You can add the following code at the bottom of your CSS file.

ul#SiteNav {
    font-family: "Your font name here.." !important;
    font-size: 17px !important;
}

In the above code you can replace “Your font name here…” with your font name and you can increase or decrease font size as per your need. I have given 17px for example.

Hope this helps.

7

The font-size works, but the font family part doesnt. it switches to the font, but then switches back to the original one as if there is some code stopping it from switchinge

1 Like
8

@KevinFeldman

As for the font family for the above code it change the header font. Let me know what you need.

9

It didn’t work idk why

1 Like
10

@KevinFeldman

sorry for that do you have theme font or custom?

11

I wanted to go for this font-family, “New Century Schoolbook, TeX Gyre Schola, serif”

1 Like
12

@KevinFeldman

Please add the following code at the bottom of your CSS file.

ul#SiteNav {
    font-family: "New Century Schoolbook, TeX Gyre Schola, serif" !important;
    font-size: 17px !important;
}

Hope this works.

Thanks!

13

The font size works but the font family doesn’t change. Almost like there is already code blocking it from changing… do you know what to do?

1 Like
14

@KevinFeldman

Did you uploaded above font’s woff files in assets folder and did you put font face in your css for those fonts?

15

@KevinFeldman
Try using this

.site-nav__label {
font-size: 17px !important;
font-family: “New Century Schoolbook, TeX Gyre Schola, serif” !important;

}

16

It first turns into the font family listed and then goes back to its original font. Like I said i think there is code that is blocking it from switching

17

Hi @KevinFeldman

Give me your store url i will send you the access request i can fix that i wont cost anything its just simple things

18

Wow… thanks a LOT,

The store url is vibedd.com or vibedd.myshopify.com

and password is: 1298

19

Hii @KevinFeldman
Add this code in top of theme.scss file.

ul#SiteNav li {
    font-weight: bolder !important;
    font-size: 25px !important;
}

Thank You.

20

Hi @KevinFeldman Do accept the access request
I have sended you the access Request