Dawn — Header and Footer Text Color Conflict

[vneznamova]

Hi everyone,

I recently customized my header to be transparent, and to make the text visible, I set the header text color to white. However, this change also affects the footer text, making it white as well—which blends into the light footer background and becomes unreadable.

My goal is:

- Keep the header text white (for the transparent background),

- But have the footer text remain black (or default dark color).

How can I target the header and footer text styles separately in the Dawn theme? I’d appreciate any help or tips!

Thanks a lot in advance!

[mageplaza-cs]

Hi @vneznamova 

I am from Mageplaza - Shopify solution expert.

Please add the following CSS code to the base.css file.

footer *{
    color: #000 !important;
}

Please let me know if it works as expected!

Best regards!

[vneznamova]

Hey! Thanks, I have added the code and the footer turned white, as I have mentioned above both text and background. I need a text to be black, background white in the footer. Any ideas how to do that?

[mageplaza-cs]

@vneznamova 

Could you send me the website URL?

[vneznamova]

Sure!

https://carrara.studio

[mageplaza-cs · Accepted solution]

@vneznamova 
Please add the following code to the base.css file.

footer li a.list-menu__item {
    color: #000000 !important;
}

*Result:

[vneznamova]

Thank you! Worked!