Setting color for specific links

[tatami]

I would like to set up a CSS class to change the theme’s (eleven40 pro) default color for specific links. I need to do this when the links appear within a colored panel that’s the same color as the default link color.

I’m hoping to do this by defining a CSS class. I’ve tried setting it up like this:

.white-link a {
  color: #fff;
}

But if I insert white-link into Gutenberg’s Additional CSS Class(es) box for the relevant block, nothing happens (hover over the green box on the URL I've included and you'll find the hidden links).

By the way, I'm using Stackable's Container Block to create the panel.

I’d really appreciate some help with this.

Thanks.

https://www.aenigma-images.com/test-page/

[tatami]

Can anyone help me with this challenge or even suggest where else to go for help? Please let me know.

Thanks.

[AnitaC]

Try this.

ul.white-link.black-bullet > li > a {
color: #fff;
}

---

Need help with customization or troubleshooting? Reach out to me.

[AnitaC]

Don't use that code. It's incorrect and not formatting properly in here.

---

Need help with customization or troubleshooting? Reach out to me.

[AnitaC]

The code I provided is correct now.

---

Need help with customization or troubleshooting? Reach out to me.

[tatami]

Magic – works like a charm! Thank you so much, Anita. I really appreciate you taking the time to help me out here. I wish I had your coding skills. All the best.

[Author]

Posts