change colour of footer headings

Topic summary

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.

Summarized with AI on October 31. AI used: claude-sonnet-4-5-20250929.

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 :heart_eyes:

Hi @ads18922

To complete your requests, please follow these steps:

  1. Go to Shopify Admin > Online Store > Theme > Customize > Theme Settings > Custom CSS https://prnt.sc/i8ljAMlHJUKl
  2. Paste the code provided into the Custom CSS section.
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