Whitespace Pro – Change Hyperlink Colors? Defaulting to Theme's accent Color.

[m.poirier]

Hello,

I need help changing our websites hyperlink colors. They're currently showing white, and we have a white background. It's defaulting to the accent color (white) selected in theme -- customize.

Please help. I've tried adding this code to the style sheet, but it doesn't work. I can't find where else in the style sheet refers to editing these colors. THANKS! 🙂

a:link {color:#CCCCCC;} /* unvisited link */
a:visited {color:#404040;} /* visited link */
a:hover {color:#FFFFFF;} /* mouse over link */

http://mainecampgrounds.com/jobopenings/

[Badlywired]

The accent colours are getting loaded after the style.css so you need qualify them so they take presidence.

Qualifying them with .site-container should be enough e.g.

.site-container a {color: #CCCCCC;}

etc

---

My techy blog WordPress and stuff badlywired.com

[m.poirier]

Thank you so much!

Would I also insert a similar code to adjust the hover color?

I apologize, I'm not an experienced designer by any means, learning as I go.

[m.poirier]

Thank you so much!

Would I also insert a similar code to adjust the hover color?

I apologize, I’m not an experienced designer by any means, learning as I go.

[Badlywired]

.site-container a:hover {color: #999;}

or what ever colour you want

---

My techy blog WordPress and stuff badlywired.com

[m.poirier]

Thank you again! That worked perfectly.

[Badlywired]

Glad to have helped, please don't forget to visit my blog to search for other genesis tips as I work them out.

---

My techy blog WordPress and stuff badlywired.com

[virginiagp]

I am having this same problem -- everything I hover over is defaulting to the teal option. I must admit that I know even less about css than you @m.poirier, and I don't know know where in the stylesheet to insert the code that you indicated in your first post, OR where to insert the code @Badlywired describes either.

This is the site I'm working on-- http://learnerinspired.com

Thanks in advance for any help you can provide.

[Jamaluddin Rahmat]

@virginiagp

The simple thing you can customize via WordPress Customize.
Themes > Customize

Change your accent color with your color.

[Author]

Posts