Changing heading colour in home page banner, without affecting heading colour on other pages

[nankeen]

Hi there,

I am using the Dawn theme

Website is 8e984b-38.myshopify.com

I previously had issue of the text in pages being the same color as the headings, I used some code to change this such that headings are now light blue, and main body text is dark blue. This was done by the following code in base.css

}
h2 {
color: #63e2ed !important;
}
h1 {
color: #63e2ed !important;
}

However the issue I'm having now is I would like the home page banner heading to be in white, but it is now the same colour as all the other headings (which I would like to keep as light blue). I tried the below code in theme.liquid before </body> but it did not work.

<style>

h2.banner__heading.h1 {

color: #FFFFFF !important;

}

.banner__text.subtitle {

color: #FFFFFF !important;

}

</style>

Any help would be appreciated, thanks

[Dan-From-Ryviu · Accepted solution]

Please add this code to Custom CSS of that banner section in your Online Store > Themes > Customize 

h2.banner__heading {
color: #FFFFFF !important;
}

[PageFly-Oliver]

Hi @nankeen ,

You can try this code by following these steps:

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

Step 2: Search file theme.liquid

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

<style>
h2.banner__heading {
color: white !important;
}
</style>

Hope my solution works perfectly for you!

Best regards,

Oliver | PageFly

[LuffyOnePiece]

Hi @nankeen  ,

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find base.css file
4) Add the following code at the end of the file

section#shopify-section-template--16659185467592__image_banner h2.banner__heading.inline-richtext.h0 {
    color: #fff !important;
}

If you require further help to optimize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

Best Regards,
Sandeep 

[niraj_patel]

Hello @nankeen 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
 .banner__box h2.banner__heading.inline-richtext.h0 strong {
    color: #fff !important;
 }
</style>
Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

[websensepro]

Hello @nankeen ,

Try this code,

Go to online store > themes > edit code > Base.css file

Add this code at the bottom base.css file

.banner__heading inline-richtext h0{
color: #FFFFFF;
}

save changes .