Re: Image Banner Heading Colour

Solved

How can I change the heading color to black on my homepage banner?

CupBlaster
New Member
4 0 2

My site cupblasterstore.com has an image banner at the top of the home page. The heading colour is white making it invisible to see against the light background. How do I change the heading colour to black (theme is sense)

 

Accepted Solution (1)

GemPages
Shopify Partner
5625 1262 1264

This is an accepted solution.

Hello @CupBlaster 

I would like to give you the recommendation to support you so kindly follow steps below:

 

1. Go to your Online store > Themes > Edit code
2. Open your theme.liquid file
3. Paste the below code before </body>:

<style>
#Banner-template--17653980823825__4bb394b7-c654-4908-b0e2-cb2cd5e83d55 .banner__box.content-container .banner__heading,.banner__box.content-container  .banner__text{
color: #000000!important;
}
</style>

I hope the above is useful to you.
Best regards,
GemPages Support Team

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center

View solution in original post

Replies 4 (4)

SomeUsernameHe
Shopify Partner
519 57 110
h2.banner__heading.h1 {
    color: #000;
}

.banner__text.subtitle {
    color: #000;
}

 

and just change the #000 to your selected color. 

Have I helped? Consider putting coffee in my mouth!
Buy Me a Coffee

GemPages
Shopify Partner
5625 1262 1264

This is an accepted solution.

Hello @CupBlaster 

I would like to give you the recommendation to support you so kindly follow steps below:

 

1. Go to your Online store > Themes > Edit code
2. Open your theme.liquid file
3. Paste the below code before </body>:

<style>
#Banner-template--17653980823825__4bb394b7-c654-4908-b0e2-cb2cd5e83d55 .banner__box.content-container .banner__heading,.banner__box.content-container  .banner__text{
color: #000000!important;
}
</style>

I hope the above is useful to you.
Best regards,
GemPages Support Team

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center
tallowbar
Tourist
22 0 1

Hi, I've tried this code and it changes the subtitle text instead of the heading text. Is there a variation of the code to change the heading rather than the subtitle? Thanks

PageFly-Victor
Shopify Partner
7865 1786 3122

Hi @CupBlaster 

 

You can try this code by following these steps:

Go to Online store => themes => actions => edit code  and add this code on file theme.liquid before tag </body>

 

PageFlyVictor_0-1675138768018.png

 

<style>

h2.banner__heading.h1 {

    color: #000 !important;

}

.banner__text.subtitle {

    color: #000 !important;

}

</style>

 

Hope this answer helps.

Best regards,

Victor | PageFly