Change all Link Colors

Hi, I clicked around on the site a bit but wasn’t able to find any links that are a light blue color as you mentioned. Were you able to get this resolved?

If not, which pages in particular are still not updating to the right color?

Hi, I got some of them, but you’ll seee the blue links here on there archive and tags, etc:

https://owenyork.com/project-tag/available/
https://owenyork.com/portfolio/the-real-jim-morrison/
https://owenyork.com/project-tag/acrylics-on-canvas/
https://owenyork.com/portfolio/

But, there should be a way to change the link colors site wide. I have been doing them individually which seems like a lot more work than it should be to go in and change the entire site’s default link colors.

Thanks for the help!

Hi again, those all have red links for me from what I can see. Maybe your browser is caching the old blue color? Try adding something like ?nocache onto the end of each of those URLs, use a different browser or a different device that hasn’t visited the site previously to see if it shows the red link color for you.

Negative. The ones that are still blue font or blue hover are the image previews and the tags. I have everything set to be red/white or clear background and the on hover it’s like a neon green background/black text. I am trying to remove all the baby blue when I hover or text color. You can see the images turn blue on hover over the image title or or view here: https://owenyork.com/project-tag/available/ and you can see the tag & title text turned blue here upon hover: https://owenyork.com/portfolio/the-reanimateds-surprise/.

Thanks!

Hi there,

Same as @jarretc I don’t see any blue links on your site. All links appear in red, and they are highlighted bright green on hover.

If you’re seeing different colors, the problem is in your browser.

The “hover color” you see on the portfolio thumbnails on the front page are actually the thumbnail background color. On hover the image becomes semi-transparent, allowing the background color to show through. You can change the background color with this CSS:

.post-thumbnail-wrapper {
	background-color: green;
}

The hover effect itself is handled by a JavaScript function, so cannot be prevented with custom CSS code.

You can see the tag & title text turned blue here upon hover

Hi there,

I can see the blue links.

When hovering over the content details (tags and categories) the text is blue with a green background, as shown in the screenshot @kokkieh posted from https://owenyork.com/portfolio/the-reanimateds-surprise/

That blue colour when hovering can be changed by adding the CSS below:

.entry-meta a:hover, .entry-meta a:active, .entry-meta a:focus {
    color: #fb0200;
}

The colour value can be changed to whatever you’d prefer.

You guys are great. That was enough that I went in and found the rest that I needed to change except for one last thing, if you don’t mind one last look. I have everything changed except the VIEW box hover colors. I can’t seem to change it from the white. Upon hover, I am trying to keep it the same color scheme of the green background/black font/black border. Anyone have suggestions there?

I have everything changed except the VIEW box hover colors.

To change the white background behind the “view” link, please try using:

.view-link:hover, .view-link:focus, .view-link:active {
    background-color: #00ff01;
}

There’a also a white order on the “view” link. If you’d like to change that, please try using:

.view-link {
    border-color: #fb0200;
}

Awesome, thanks again. That worked for the background. But the border and font is still red on hover. Trying to change all that black on hover. That second CSS doesn’t seem to be changing it?

To change both items to black, please use:

.js .project-navigation .jetpack-portfolio.has-post-thumbnail .view-link {
    color: black !important;
    border-color: black !important;
}

That works, but how do I apply that to only when hovering?

Please clarify which color you’d like the border and text to be:

a) normally (when not hovered)

and

b) when hovered.

When hovered, I want it to be black border and text. When normal/not hovered it is perfect now.

The change the colours when hovering over the view link, please try using:

.project-navigation .jetpack-portfolio.has-post-thumbnail .view-link:hover {
    color: black !important;
    border-color: black !important;
}

That’s the ticket. You guys rock. Thanks for the time and attention on these tweaks!!a