How can i change text color in some places?

Deutsch Diskussion Shopify Design
1

Hi, yesterday I changed the text color of my dawn theme because the default color is dark gray, which I don’t want. In some places the text that was supposed to be white is now black.

How do I change the color here in white:

1.png
1.png1886×163 11.1 KB

2.png
2.png1886×615 21.7 KB

3.png
3.png444×445 1.56 KB

I hope you can help me.

Thank you.

url: https://8ni0pc-bm.myshopify.com/

2

I would refrain from using a “Serif” Font. Try this CSS (more on that here) :

/* Welcome to our store text to white*/
.announcement-bar__message span {
    color: white;
}

/* Change Submit arrow button colour to white*/
.newsletter-form__button .svg-wrapper svg {
    fill: white; 
}

/* Social media icons */
.list-social .list-social__link .svg-wrapper svg {
    fill: white; 
}

/* Language selector drop-down buttons */
.disclosure__button {
    color: white; 
}

/* "Powered by Shopify" text */
.footer__copyright .copyright__content a {
    color: white;
}

/* Payment methods */
.list-payment .list-payment__item svg {
    fill: white; 
}

/* Drop-down close button */
.country-selector__close-button .icon {
    stroke: white; 
}
3

Hi Ben,

thanks for your work and time. Where should i put the codes? I put them all in custom css but only two of them working.

This:

/* Welcome to our store text to white*/ .announcement-bar__message span { color: white; }

and this works in custom css:

/* “Powered by Shopify” text */ .footer__copyright .copyright__content a { color: white; }

I try to add them in base.css but it dosn’t work.

Yes. I will change the font later but thanks.

Kind regards

4

You need to tweak the CSS until it works. Use ChatGPT for that if you need to. I know you can do it! :flexed_biceps: