How do I add more gab on top of "Contact Us"? - Dawn Theme

Shopify Discussion

Topic summary

A user seeks to add more spacing (gap) above the “Contact Us” heading on their Shopify store using the Dawn theme.

Solution Provided:

  • Navigate to Online Store → Theme → Edit code
  • Locate and open the theme.css or base.css file
  • Add CSS code targeting the main page title class with padding-top and margin-bottom properties
  • The suggested code uses !important flags to override existing styles

Status: A working solution with visual proof (screenshot) has been provided. The issue appears resolved, pending confirmation from the original poster.

Summarized with AI on November 3. AI used: claude-sonnet-4-5-20250929.
1

URL: https://www.meta25.studio/pages/contact-us

Screenshot 2024-12-25 at 2.20.19 PM.png
Screenshot 2024-12-25 at 2.20.19 PM.png1920×969 40.8 KB

2

Hi @randytheasian

  1. Go to Online Store → Theme → Edit code.
  2. Open your theme.css / based.css file and paste the code in the bottom of the file.
h1.main-page-title.page-title.h0 {
    padding-top: 25px !important;
    margin-bottom: 23px !important;
}

Result:

websensepro_0-1735109020726.png
websensepro_0-1735109020726.png934×499 15.5 KB

If my reply is helpful, kindly click like and mark it as an accepted solution.
If you are happy with my help, you can help me buy a COFFEE
Thanks!

1 Like