Remove Heading From Contact Page in Dawn Theme

The headings in Dawn are really not aesthetically pleasing. I wish the developers would allow options to change the color, alignment, etc.

I want to remove the header text from my contact page. I thought I found the place in the code to do it (I successfully removed a form field), but I was not able to remove the header text.

I know HTML but not much JavaScript. Could someone tell me which file and line to edit to remove it?

I tried deleting line 4 as highlighted in this image but that did nothing.

@SunnyDaze

Please share your store URL!

Thanks!

This is the contact page.

https://sunnydazeteaching.com/pages/contact

@SunnyDaze

Please open Sections/contact-form.liquid file and find following code

## {{ section.settings.heading | escape }}

Replace to

{% comment %}
## {{ section.settings.heading | escape }}
{% endcomment %}

Hope this work!

Thanks!

Unfortunately, that didn’t work either.

@SunnyDaze

i will check and send the solution

@SunnyDaze

Please open Layout/theme.liquid file and find following code


Replace to


please do this changes .after i will send css code

Thanks!

OK.

I replaced it with

<body class="gradient {{ page_title | handle }}" >

@dmwwebartisan

Could you help me out with the CSS for it when you get a chance? I really appreciate it. Thanks.

@SunnyDaze

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

  2. Asset->/base.css ->paste below code at the bottom of the file.

.contact-form .main-page-title {
    display: none !important;
}

Hope this work.

Thanks!

@SunnyDaze

yes please add this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/section-main-page.css ->paste below code at the bottom of the file.
.contact-form .main-page-title {display: none;}

After Code view

@dmwwebartisan

It worked! Thank you SO MUCH for your time.

is there any way to remove the heading titles from every page?

@sahduff

yes, please provide store url so i will check and guide you