How can I alter the color of my custom theme footer header text?

Store Design
, , ,

Topic summary

Issue: Change footer header text color in a custom Shopify theme (dark pink footer headings to white), with a custom font used. A screenshot was provided to show the affected areas.

Proposed fix: Add a CSS rule targeting footer heading elements.

  • Steps: Online Store → Theme → Edit code → open base.css → add:
    .footer .footer-block__heading,
    .footer #FooterCountryLabel { color: #fff !important; }

Outcome: The original poster confirmed the CSS solution worked.

Follow-up/Unresolved: Another participant could not find base.css and asked whether this approach works with the Impulse theme. No confirmation or alternative file/location was provided, and the question remains unanswered.

Status: Resolved for the original custom theme via CSS override; open question remains about file location and compatibility/applicability for Impulse.

Summarized with AI on December 13. AI used: gpt-5.
1

Hi, I would like to know how I can change the headers (within the footer - the dark pink parts in my photo) to be white like the rest of the text/links. Thank you. I am using a custom theme, and the dark pink header part is a custom font I added to my website.

Screenshot (251).png
Screenshot (251).png1911×859 51.8 KB

1 Like
2

Hey @kmswan32

Please follow below steps
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;}
3

Thank you! This worked

1 Like
4

Hi there Codewiser,

I try to use this solution, but I can not find the file “base.css” - Can I use another one? And does this solution works for Impulse theme?