Text formatting issue (h1H2H3) multiple fonts use.

lukasz666
Explorer
53 0 12

hi there,

 

I'm having trouble with my formatting; it's all over the place. Where in the code bit I can I adjust the size and weight of the fonts? can't find it!  If anyone can help, please let me know.

I'm also using the Gotham font family, but I'd like to use two fonts simultaneously. For instance, I'd prefer one font for H1 and another for H2, H3, H4, and the body. can this be done? 

Thanks!

 

https://artisanroast.co.uk/

 

Reply 1 (1)

GabrielS
Shopify Partner
483 106 114

Hello,

 

Having different styles depending on the header type is doable through custom CSS. Example below:

body {
font-family:serif !important;
}
h1 {
font-family:sans-serif !important;
}
h2 {
font-family:Arial !important;
}
h3 {
font-family:Gotham !important;
}

Adding it at the end of your theme.scss.css file should be working as expected. Please note that if the custom font Gotham is not properly implemented, it won't load.

 

 

Hope that this helps!

 

Gabriel

Gabriel Soare | Web Developer
Are you looking to customize your Shopify or to fix a website bug?
You can reach me through my website gabrielsoare.com, DM, or email hello@gabrielsoare.com.
Have I helped you? Like my post.