Changing title-font Debut Theme hero

rmreklam
Tourist
4 0 3

Hi!

I would like to change the title-font in the header (on home page) of Debut Theme. I also want to change the title-font in headers on collection pages. I don´t want to change all title-fonts, only on home page and collection pages headers. How can I do that?

/Elin

0 Likes
dmwwebartisan
Shopify Partner
4373 980 1252

@rmreklam 

It can be done. You have to upload font files and apply related CSS code for the home page heading only.

To upload the custom fonts you can refer to the following URL.

https://support.weareunderground.com/article/272-how-do-i-add-a-custom-font-to-my-theme

Thanks!

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
rmreklam
Tourist
4 0 3

Thanks! But do I need to upload the font if it´s already in Shopify's font-library? I just want to change the font in the headers, not install a new one. Can I find it in the code? 

dmwwebartisan
Shopify Partner
4373 980 1252

@rmreklam 

If you are using existing fonts then no need to upload. For the home page, you have to write like the following.

.template-index h1, h2{
font-family: "your font name";
}

 

Hope this helps.

Thanks! 

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
rmreklam
Tourist
4 0 3

Thanks! Which code should I edit? theme.css?

dmwwebartisan
Shopify Partner
4373 980 1252

@rmreklam 

Yes, assets/theme.scss.liquid file. Add the above code at the bottom of that file.

Thanks!

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
rmreklam
Tourist
4 0 3

Hmmm, it doesn't work. 

.template-index h1, h2{
font-family: "vala_n4"; }

I added it in file theme.css (Assets).
I also have a file named theme.liquid in Layout - should I edit that too?

Sorry, just started my Shopify career... 

/Elin

dmwwebartisan
Shopify Partner
4373 980 1252

@rmreklam 

If you can provide me URL then I can give you the exact solutions. For your information no need to edit theme.lqiuid file. You need to edit assets/theme.scss.liquid OR theme.css if you have.

Thanks!

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes