Change hyperlink color: Reddle theme

fieldinglibrary · Member · Sep 29, 2014 at 10:19 pm
Copy link

Add topic to favorites
Hello,
I have the custom design upgrade for my blog and am trying to determine how to change the default color of the hyperlinks. They currently display red, but I would like them to display blue. Could anyone offer guidance on what CSS code to use to make this adjustment? Thanks!

The blog I need help with is: (visible only to logged in users)
hallluke · Member · Sep 29, 2014 at 10:35 pm
Copy link
Here’s how to change your regular and title link (I’ve also included a line to show you how to change the navigation menu border highlight to match):
```
a,
#site-title a {
  color:#00f;
}

#access li.current_page_item a,
#access li.current-menu-item a,
#access li:hover > a {
  border-color:#00f;
}
```
fieldinglibrary · Member · Sep 29, 2014 at 10:50 pm
Copy link
Thanks for the speedy reply! I’m wondering if there is a way to apply part of the suggested code to only change the color of the hyperlinked content within the pages? When I apply the first section of code, it changes the color of the links to blue as desired, but it also changes the color of the title font:
a,
#site-title a {
color:#00f;
}

I’m wondering if there a way to just change the color of the links while maintaining the original color of the title/navigation menu? It might not be possible to do one without the other, just curious! Thanks!
designsimply · Member · Oct 22, 2014 at 7:33 pm
Copy link
In this example:
```
a,
#site-title a {
color:#00f;
}
```
The “a” on the first line refers to any links that don’t have any other more specific formatting applied.

The next line with “#site-title a” is a more specific CSS selector and it refers to any link that is inside an element with id=”site-title”

In case you want to read a little more about how selectors work, check out this page: http://www.htmldog.com/guides/css/intermediate/classid/

So if you wan to change links to blue only inside content areas, you would want to use this instead:
```
.entry-content a {
	color: #00f;
}
```
You might also like:
http://en.support.wordpress.com/custom-design/how-to-find-your-themes-css/
fieldinglibrary · Member · Oct 22, 2014 at 8:06 pm
Copy link
Thanks so much for this clear reply–it’s exactly what I was trying to accomplish! I appreciate you directing me to these other resources, I’ll be sure to check them out.
designsimply · Member · Oct 22, 2014 at 9:46 pm
Copy link
CSS is so much fun. If you’re new to it, this is another really good tutorial if you’re interested.
http://www.codecademy.com/courses/web-beginner-en-TlhFi/0/1?curriculum_id=50579fb998b470000202dc8b

Cheers.

No items found.