Remove Heading From Contact Page in Dawn Theme

Solved
SunnyDaze
Excursionist
13 0 4

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_0-1634398604118.png

 

Accepted Solution (1)

Accepted Solutions
dmwwebartisan
Shopify Partner
9824 2237 3078

This is an accepted solution.

@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!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →

View solution in original post

Replies 11 (11)
dmwwebartisan
Shopify Partner
9824 2237 3078

@SunnyDaze 

Please share your store URL!

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
SunnyDaze
Excursionist
13 0 4
dmwwebartisan
Shopify Partner
9824 2237 3078

@SunnyDaze 

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

<h2 class="title">{{ section.settings.heading | escape }}</h2>

Replace to 

{% comment %}
<h2 class="title">{{ section.settings.heading | escape }}</h2>
{% endcomment %}

Hope this work!

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
SunnyDaze
Excursionist
13 0 4

Unfortunately, that didn't work either.

dmwwebartisan
Shopify Partner
9824 2237 3078

@SunnyDaze 

i will check and send the solution

 

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
dmwwebartisan
Shopify Partner
9824 2237 3078

@SunnyDaze 

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

<body class="gradient" >

Replace to

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

please do this changes .after i will send css code 

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
SunnyDaze
Excursionist
13 0 4

OK.

I replaced it with

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

 

SunnyDaze
Excursionist
13 0 4

@dmwwebartisan 

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

dmwwebartisan
Shopify Partner
9824 2237 3078

This is an accepted solution.

@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!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →

View solution in original post