Remove Heading From Contact Page in Dawn Theme

SunnyDaze · ‎10-16-2021

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.

dmwwebartisan · ‎10-16-2021

@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 | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app

View solution in original post

dmwwebartisan · ‎10-16-2021

@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 | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app

SunnyDaze · ‎10-16-2021

This is the contact page.

https://sunnydazeteaching.com/pages/contact

dmwwebartisan · ‎10-16-2021

@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 | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app

SunnyDaze · ‎10-16-2021

Unfortunately, that didn't work either.

dmwwebartisan · ‎10-16-2021

@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 | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app

dmwwebartisan · ‎10-16-2021

@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 | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app

SunnyDaze · ‎10-16-2021

OK.

I replaced it with

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

KetanKumar · ‎10-16-2021

@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

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

SunnyDaze · ‎10-16-2021

@dmwwebartisan

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

dmwwebartisan · ‎10-16-2021

@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 | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app

SunnyDaze · ‎10-17-2021

@dmwwebartisan

It worked! Thank you SO MUCH for your time.

sahduff · ‎02-26-2022

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

KetanKumar · ‎02-27-2022

@sahduff

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

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

Remove Heading From Contact Page in Dawn Theme

Community Blog Articles

Shopify Community

Support

Shopify

Quick Links