[Resolved] Changing URL Color Globally

[Jamie]

Hey,

Sorry for the nooby CSS question.

I’ve been provided with some CSS to amend the colour of the URLs globally. I’m using a brownish color scheme, and the default dark blue doesn’t work very well… lol.

I inserted the code into the customizer > Additional CSS but it doesn’t seem to be working. The change saved successfully, but the links are still showing as blue throughout the site. I tried clearing my cache too.

Any ideas why this may be please?

Code below! Any feedback would be greatly appreciated, thanksss

a:link {
    color: #34262c;
    background-color: transparent;
    text-decoration: underline;
}
 
a:visited {
    color: #f8f6f4;
    background-color: transparent;
    text-decoration: underline;
}
 
a:hover {
    color: #f8f6f4;
    background-color: transparent;
    text-decoration: underline;
}
 
a:active {
    color: #edeec0;
    background-color: transparent;
    text-decoration: underline;
}

[Leo]

Hi Jamie,

What about customizer options in Colors > Content > Link?

Let me know if that works.

[Jamie]

Ahhhh sweeeeet, I never knew those settings existed!

Time for me to refresh my memory on all the customiser options.

Thanks a lot, Leo!

[Leo]

No problem!

[Jamie]

Hey Leo,

Is there a way to override the configuration set in Colors > Content > Link for specific pages?

I tried using the CSS in the previous post, but the URL color is not changing; presumably because of the theme settings.

Perhaps a bad decision on my part, but because multiple pages of my site vary in colour, the URLs aren’t accessible on a few of these configurations.

Doh!

Look forward to hearing from you.

Cheers, Jamie.

[Leo]

If you use Tom’s Simple CSS plugin, it gives you a CSS metabox on each page, then you can use the same CSS above.
https://docs.generatepress.com/article/adding-css/#simple-css

Let me know if this helps.

[Jamie]

One last comment (hopefully! haha) on the subject.

Is there a setting within the theme that sets the URL to be underlined by default, or would I need to add this manually via the global additional CSS?

Thankssss

[Leo]

Try this CSS: https://generatepress.com/forums/topic/underline-links-on-hover/#post-380690

[Author]

Posts