How to change text color

[JennMaxwell]

Hi there,

Does anyone know how I can change the color of my free shipping nudge text to white instead of black on my site cart? Below is the css for this particular element, but nothing I’ve tried adding has worked.

Thank you in advance!

---

.shipping-savings-message {
background-color: #9999ff;
border: 3px solid white;
padding: 20px;
text-align: center;
font-family: Poppins;
font-weight: bold;
margin-bottom: 25px;

[AnneLuo]

Hi, @JennMaxwell

Add the color to the class

.shipping-savings-message {
  color: #fff;
}

Result:

Hopefully it will help you. If yes then Please don’t forget hit Like and Mark it as solution!

[Dan-From-Ryviu]

Hi @JennMaxwell

Please update your code to this

.shipping-savings-message {
background-color: #9999ff;
border: 3px solid white;
padding: 20px;
text-align: center;
font-family: Poppins;
font-weight: bold;
margin-bottom: 25px;
color: #fff;
}
.shipping-savings-message a {
color: #000; /* change color of continue shopping text */
}

[Sweans]

Hi @JennMaxwell ,

You can change the text color with the following CSS:

.shipping-savings-message,
.shipping-savings-message a {
color: #fff !important;
}

Result:

I hope this helps! If it does, please like it and mark it as a solution!

Thank You,
Sweans

[JennMaxwell]

this worked perfectly!!! thank you SO much!