Have your say in Community Polls: What was/is your greatest motivation to start your own business?

Re: Dawn Theme image banner text color change

Solved

Dawn Theme image banner text color change

simplelife
New Member
4 0 0

Can I please get the code (and where to add it) to change the text color (white to black) on the image banner, Dawn theme, both mobile and desktop?

 

This is for the first line of text (heading) not the second line (body)

 

I have tried all the options posted previously and none will change the text color

 

I don't want to change the theme settings, just this part of the image banner.

Thank you

Accepted Solution (1)

ExpertRookie
Shopify Partner
1518 249 323

This is an accepted solution.

Hi @simplelife 
You can try follow this path:
Themes => edit code => asset => base.css
and add this code to bottom of the file base.css

.banner__box * {
color: black;
}
- Was my reply helpful? Please Like and Accept Solution to let me know!
- Want to modify or custom changes on store Hire me.
- Feel free to contact me on expert.rookie.team@gmail.com regarding any help.

View solution in original post

Replies 3 (3)

ExpertRookie
Shopify Partner
1518 249 323

This is an accepted solution.

Hi @simplelife 
You can try follow this path:
Themes => edit code => asset => base.css
and add this code to bottom of the file base.css

.banner__box * {
color: black;
}
- Was my reply helpful? Please Like and Accept Solution to let me know!
- Want to modify or custom changes on store Hire me.
- Feel free to contact me on expert.rookie.team@gmail.com regarding any help.

Denishamakwana
Shopify Partner
1408 173 232

Hi,

Please share your store URL and if your store is password protected then also provide password too.

Thank 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 denishabhensdadiya@gmail.com | Shopify Design Changes | Custom Modifications In to Shopify Theme

PageFly-Victor
Shopify Partner
7865 1786 3116

HI @simplelife 

This is Victor from PageFly - Landing Page Builder App.

 

You can try this code by following these steps: 

  • Go to Online Store->Theme->Edit code
  • Asset->base.css 
  • Paste the below code at the bottom of the file

.banner__heading{color:black !important}

 

Hope my solution works perfectly for you!

Regards,

Victor | PageFly