Site logo

Archived topic

Changing URL Color Globally

7 replies · Started by enviedbymost on September 17, 2017

Viewing posts 1–8 of 8

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;
}

Hi Jamie,

What about customizer options in Colors > Content > Link?

Let me know if that works.

Ahhhh sweeeeet, I never knew those settings existed!

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

Thanks a lot, Leo!

No problem!

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.

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

This archived topic is closed to new replies.