Changing Link Colors – Lifestyle Theme

This topic is: not resolved

Tagged: change, color, link

This topic contains 7 replies, has 3 voices, and was last updated by ebeard 4 months, 2 weeks ago.

Viewing 8 posts - 1 through 8 (of 8 total)

Author

Posts
December 5, 2012 at 8:23 pm #3503

ebeard
Participant

Post count: 3

I want to change the unvisited link colors in Lifestyle. I have selected the gray color option for the theme, but want the links to be a typical hyperlink blue so they stand out. When I inspect a link in a post I get the following code from Firebug. I’ve found that changing the color here affects ALL links. including those in the navigation menus, etc. I just want to change the hyperlinks in the body of the blog posts only, not those in menus and other places. Just those that are part of the text body. Can’t figure how?
}

.lifestyle-tan a, .lifestyle-tan a:visited, .lifestyle-tan #nav, .lifestyle-tan #nav li li a:hover, .lifestyle-tan #nav li li a:active, .lifestyle-tan #subnav li li a:hover, .lifestyle-tan #subnav li li a:active, .lifestyle-tan h1, .lifestyle-tan h2, .lifestyle-tan h2 a, .lifestyle-tan h2 a:visited, .lifestyle-tan #cat, .lifestyle-tan .widget_archive select, .lifestyle-tan .s, .lifestyle-tan .enews #subbox {

    color: #666666;

}

December 6, 2012 at 7:36 pm #3645

ebeard
Participant

Post count: 3

Anyone?

December 9, 2012 at 10:41 am #4012

ebeard
Participant

Post count: 3

I tried breaking out part of the custom code for the tan theme and applying the desired link color to it, but it did not work – can someone help?

I want the hyperlinks in the posts, articles, etc to be blue (#o000FF) and everything else (nav, subnav, all other links) to remain consistent with the Lifestyle tan theme color styling.

.lifestyle-tan a, .lifestyle-tan a:visited {

color: #0000FF;

}

.lifestyle-tan #nav, .lifestyle-tan #nav li li a:hover, .lifestyle-tan #nav li li a:active, .lifestyle-tan #subnav li li a:hover, .lifestyle-tan #subnav li li a:active, .lifestyle-tan h1, .lifestyle-tan h2, .lifestyle-tan h2 a, .lifestyle-tan h2 a:visited, .lifestyle-tan #cat, .lifestyle-tan .widget_archive select, .lifestyle-tan .s, .lifestyle-tan .enews #subbox {

color: #666666;

}

January 3, 2013 at 6:42 am #9150

ebeard
Participant

Post count: 3

Just thought I’d check back and see if anyone can help with the above.

Thanks

January 4, 2013 at 8:25 am #9473
Jen Baumann
Keymaster

Post count: 271
Sorry you never got a reply to this. I do see you are using charcoal not tan though.
```
.lifestyle-charcoal .entry-content a, .lifestyle-charcoal .entry-content a:visited {
  color: #0000FF;
  text-decoration: underline;
}
```
Jennifer “Hermione” Baumann | Recommended StudioPress Developer
Dream Whisper Designs | Themessence | @dreamwhisper | If I’ve helped, like me on Facebook
January 4, 2013 at 11:40 pm #9692

ebeard
Participant

Post count: 3

Thanks Jen. I pasted the code above at the bottom of the “.lifestle-charcoal” CSS, but it didn’t change anything. I left it there.

Here is one post where you can see some links:

http://eldonbeard.com/how-to-attract-readers-to-your-home-business-blog/

January 5, 2013 at 4:33 am #9706

braddalton
Participant

Post count: 2553

Works for me in Firebug. Where did you paste the code?

WordPress Developer & Consultant
Brad Dalton @ WP Sites – Click Here to Get Genesis Child Theme Tips Delivered.

January 5, 2013 at 11:09 am #9746

ebeard
Participant

Post count: 3

I pasted it right at the bottom of the charcoal gray coding:

.lifestyle-charcoal #footer-widgets,
.lifestyle-charcoal #footer {
background-color: #222;
}

.lifestyle-charcoal .entry-content a, .lifestyle-charcoal .entry-content a:visited {
color: #0000FF;
text-decoration: underline;
}

/* Lifestyle Gray
———————————————————— */
etc
The links seem more prominent now, but the #0000FF should make them the traditional dark blue that identifies links, I am thinking?
Author

Posts