How to center the contact us form heading? DAWN THEME

Store Design
, ,

Topic summary

A user seeks help centering and reducing the font size of the “Get in Touch With Us” heading on their contact form page (Dawn theme).

Two solutions provided:

  1. GemPages approach:

    • Navigate to Online Store > Theme > Edit code
    • Open theme.liquid file
    • Insert CSS code before the closing </head> tag

  2. PageFly-Victor approach:

    • Go to Online Store > Theme > Edit code
    • Locate base.css file
    • Add CSS targeting .h2.title.title-wrapper--no-top-margin h2 with:
      • text-align: center !important
      • font-size: 20px !important
    • Save changes at bottom of file

Both solutions involve adding custom CSS code to theme files. The user provided a password-protected test page URL and screenshot for reference. The discussion remains open pending confirmation of which solution worked.

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

How do I centre and reduce the font size of the contact us form heading “Get in Touch With Us”? for reference please take a look at the picture down below

contactus.PNG
contactus.PNG1860×944 33.3 KB

Web page URL: Contact – Abbasi (abbasigems.com)

Password: testingpage

Thank you.

1 Like
2

Hello @justauser ,

  1. Go to Online Store > Theme > Edit code

GemPages_0-1669309267052.png
GemPages_0-1669309267052.png1857×907 102 KB

  1. Open your theme.liquid theme file

  2. Paste the below code before

For example,

GemPages_1-1669309504273.png
GemPages_1-1669309504273.png1919×906 74.6 KB

If you require any further information, feel free to contact me.
Best regards,
GemPages Support Team

1 Like
3

Hi @justauser ,

This is Victor from PageFly - Landing Page Builder App

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css.

Step 3: Paste the below code at bottom of the file → Save

h2.title.title-wrapper--no-top-margin.h2 {

    text-align: center !important;

    font-size: 20px !important;

}

Hope that my solution works for you.

Best regards,

Victor | PageFly

1 Like