Change custom font of header in Debut theme

Hi there!

I’m wanting to change the font in my header to a custom font already installed in other places on my website. I don’t have a theme.liquid file in my assets folder.

Any help would be appreciated! Thanks

1 Like

@emkinsella
Welcome to the Shopify community!
Thanks for your good question.

Please share your store URL.
So that I will check and let you know the exact solution here.
and tell me which font you want to use.

@emkinsella there will be a theme.css or base.css file you can add your code there

Thanks @Sajeel , what is the code I should put into the bottom? I have already put in this:

header.site-header a, .header-bar, div#fsb_bar {
font-family: “Adieu-Bold” !important;
}

But it hasn’t changed yet.

use this one if this doesn’t work share your store url i will do for you and provide you the code

.header .site-header a , .header-bar , div #fsb_bar {
font-family: "Adieu-Bold" !important;
}

Hi Emkinsella, Welcome to the Shopify community. Could you please send me here your Shopify URL? So, I can check what is the problem.

Thanks, I can’t get it to work.

https://kinsella-wellness.myshopify.com/

Thanks for sharing. I am checking

Which font are you added? Could you please tell me?

@emkinsella

use this code in style.css

.site-navbar .site-navigation .site-menu>li>a{font-family: “Adieu-Bold” !important;}

you have style.css file in your assets paste this code in that file

.site-navbar .site-navigation .site-menu>li>a{font-family: “Adieu-Bold” !important;}

This worked thanks so much. Any idea how to change the colour of it or is this not possible?

1 Like

yes its possible just tell me the color you want to add

#323E48

.site-navbar .site-navigation .site-menu>li>a {
    color: red !important;
}

@emkinsella

try this code. Add your own choice color.

@emkinsella

replace previous code with this one

.site-navbar .site-navigation .site-menu>li>a{font-family: “Adieu-Bold” !important;color: #323E48 !important;}

Amazing! Thanks!

Wellcome. Let me know if you have any issue i will assist you thanks

1 Like

I have some headings (not all) on my pages that have gone to black instead of the colour above. I assume this will be a similar code?

you want to change there color to?