How can I modify the header font in my dropshipping site?

Topic summary

Goal: change the header text font (the “Grab Bag” heading) on a Shopify store.

Recommended solutions:

  • Use Theme settings: Online Store > Themes > Customize > Theme settings > Typography, then choose a new heading font.
  • Add Custom CSS: Online Store > Customize > Settings > Custom CSS, e.g., a rule targeting the header heading (example selector shown: .header__heading-link .h2 { font-family: cursive; }).
  • Edit theme CSS directly: Online Store > Themes > Edit code > base.css, append a rule (example selector: .header__heading .header__heading-link span.h2 { font-family: cursive !important; }). Replace “cursive” with the desired font family.

Notes:

  • CSS (Cascading Style Sheets) controls visual styling; using !important can force the change if other styles override it.
  • Screenshots were provided to illustrate where to find Typography and CSS settings in the editor.

Outcome: the original poster acknowledged the help with thanks. No further issues reported; the thread appears resolved.

Summarized with AI on January 1. AI used: gpt-5.

This is Noah from PageFly - Shopify Page Builder App

Hi @Rob112 You can change font-family header by follow image here:

Hope my solution will help you resolve the issue.

Best regards,

Noah | PageFly

1 Like