How to target styling for just H1 and H2

[solmadestudio]

store: julisa.com

pword: julialisa21 (the “enter password” link is super small and white in the bottom right corner on desktop. it’s hard to see)

What is the proper way to target just H1 and H2 with a custom font, and control the font-size etc for those two headers?

My custom font is RecklessNeue-BookItalic. I’ve added a custom section for uploading my custom font, and set it to target only H1 and H2, but it’s still applying the all caps and letter spacing sizing that is currently assigned to the Roboto Mono font that I have as my Headings font in the Typography menu.

What I’d like is:

H1, H2: RecklessNeue-Book Italic (Normal case, no letter spacing, and control the px sizes)

H3, H4: Roboto Mono (Uppercase, letter spacing: 6, also control H3 and H4 with two different px sizes for hierarchy)

What is the best way to do this, even if it means deleting the custom font section I already created?

[PageFly-Richard]

Hi @solmadestudio

This is Richard from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the

You can replace to match with your font name, and change your value of the font size

Hope this can help you solve the issue

Best regards,

Richard | PageFly

[solmadestudio]

Thank you, this helped. But how do I set different sizes for mobile vs. desktop?