Can't find CSS affecting links

[mizschmitty]

Some links on the site are showing white (on a cream background). I can see the css via developer tool (something called last child?), but I can’t find where to change it. I’ve checked every setting I can think of. Just don’t know css enough. Can you please assist?

Example: https://mariettaperks.com/category/staff/

It’s not limited to the blog posts. It happened on the Our Mission page with the links at the top of the page also (our story, founder’s story, staff), but I added a custom class to overide and fix it there.

[mizschmitty]

Happening with links on the blog post. The @anna.warren isn’t white b/c it’s a visited link.

[ruenel]

Hello @mizschmitty,

Thanks for writing in! You are experiencing this issue because you have added a custom CSS code in X > Theme Options > Custom CSS.

a:link{
  color:#ffffff;
}

Please remove this and as a matter of fact you have added the code twice. You can find the custom CSS section in the Theme Options in the left side panel set of icons.

If nothing is helping, provide us access to your site so that we can check your settings. Please create a secure note with the following info:
– Link to your site
– WordPress Admin username / password
​
To know how to create a secure note, please check this out: https://theme.co/docs/getting-support

Best Regards.

[mizschmitty]

I checked there and the custom css in the customizer and cannot find that a link text.

I’ll send a secure note.

[friech]

Hi @mizschmitty,

It’s on the footer, couple of your text element on the footer has this custom CSS on its Element CSS area.

a:link {
  color: #ffffff;
}
a:hover {
  color: #e0a73e;
}

Please use a more specific selector so it does not affect the other links.

a:link and a:hover selector are too generic.

CSS Selector Reference

And remember to clear your cache.

Hope it helps,
Cheers!

[mizschmitty]

Thank you!

[rad]

You’re most welcome!