Shopify themes, liquid, logos, and UX
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!
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
June brought summer energy to our community. Members jumped in with solutions, clicked ...
By JasonH Jun 5, 2025Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025