hello, i would like to change the the colour of my footer headings (but not my menus):
this is my website, i would like it to look something like this:
my website is www.alexandrawestbrook.com , theme is dawn
A user wants to change footer heading colors to white on their Dawn theme store (alexandrawestbrook.com) while keeping menu text unchanged. They provided screenshots showing the current state and desired outcome.
Five solutions were offered, all using CSS:
Solution 1 (Bundler-Manuel): Add code to base.css targeting .footer .footer-block__heading and .footer #FooterCountryLabel
Solution 2 (LizHoang): Similar approach in base.css, targeting specific IDs and classes including the newsletter form input
Solution 3 (B2Bridge): Add code to component-card.css file with similar selectors
Solution 4 (DaisyVo): Use Theme Settings > Custom CSS section instead of editing code files directly, targeting footer.footer .footer-block.grid__item.footer-block--menu .footer-block__heading
All solutions use color: #fff !important; to force white text. The discussion remains open with no confirmation from the original poster about which solution worked.
hello, i would like to change the the colour of my footer headings (but not my menus):
this is my website, i would like it to look something like this:
my website is www.alexandrawestbrook.com , theme is dawn
Hello @ads18922 You should try this process out and let me know if it works for you
Step 1: Go to Online Store → Theme → Edit code.
Step 2: Search file base.css
Step 3: Paste the below code at bottom of the file → Save
.footer .footer-block__heading,
.footer #FooterCountryLabel{color: #fff !important;}
Hi @ads18922
You can try to follow this step
Step 1: Go to Edit code
Step 2: Find file base.css and add this code at the end of the file
input#NewsletterForm--sections--23982096515399__footer,
h2.footer-block__heading.inline-richtext {
color: #fff !important;
}
Result
Best,
Liz
Hi @ads18922 , you can follow these steps:
Step 1: Open Online Store → Themes → Edit code.
Step 2: Find component-card.css file
Step 3: Paste this code at the bottom of the file
input#NewsletterForm--sections--23982096515399__footer.field__input,
h2.footer-block__heading.inline-richtext {
color: #fff !important;
}
If this is helpful, please let us know by giving us a like and marking it as a solution. Thank you ![]()
Hi @ads18922
To complete your requests, please follow these steps:
footer.footer .footer-block.grid__item.footer-block--menu .footer-block__heading {
color: white !important;
}
Here is the result:
I hope this helps
Best,
Daisy