Community Forums › Forums › Archived Forums › Design Tips and Tricks › Hyperlink Color in Lifestyle Legacy Version
Tagged: css, Hyperlink, hyperlink color, lifestyle, lifestyle theme
- This topic has 7 replies, 2 voices, and was last updated 9 years, 10 months ago by
livewellplayhard.
-
AuthorPosts
-
February 1, 2014 at 8:45 pm #88101
livewellplayhard
MemberHi,
I am trying to preserve the hyperlink color scheme in my two menus, while changing the color of the hyperlinks in my content. I've tried a few things based on some of the similar posts in this forum, but haven't had the best results.
My site is: http://www.holistichowto.com. You can find a couple of hyperlinks in the content on the About page.
Thanks,
http://www.holistichowto.com
JenniferFebruary 1, 2014 at 9:29 pm #88103Summer
MemberIf you use Firebug or Chrome's Developer Tools, you can see that the links in the body of your articles use:
.entry-content a:link { color: #509ac9; }
to determine the link color. If you change that, it won't affect the link colors in your menus, which should be defined somewhere under #nav and #subnav, or may be using the default link color definitions.
WordPress / Genesis Site Design & Troubleshooting: A Touch of Summer | @SummerWebDesign
Slice of SciFi | Writers, After DarkFebruary 1, 2014 at 10:32 pm #88107livewellplayhard
MemberThanks, Summer.
I believe that's the code that I added (I think)
The original code is commented above:
/*
.entry-content a,
.entry-content a:visited {
text-decoration: underline;
}
*/But if you look on the About page, where there are some links in the content, they still appear as black.
I wonder if there's something that's overriding that. I saw in Firebug that perhaps the <p> attributes might be inherited here?
Jennifer
February 1, 2014 at 11:27 pm #88110Summer
MemberI think the code you added is on a different line than what I pasted, because it shows up as active in Chrome Dev Tools. If it were commented out, then it wouldn't show up as being applied to that link.
All of the hyperlinks I see on that page are underlined, and a lighter shade of blue than the menu links... I don't see any black hyperlinks at all.
There's a definition on line 146 for a:visited that's being overridden by an a:link definition on line 777 and an a:visited definition on line 778... that's what I'm seeing.
After you made your changes, did you do a force-reload of your page? I've noticed that with the most recent versions of both Firefox and Chrome, they are notorious about caching CSS and not refreshing, like a terrier hanging on to a rat...
WordPress / Genesis Site Design & Troubleshooting: A Touch of Summer | @SummerWebDesign
Slice of SciFi | Writers, After DarkFebruary 2, 2014 at 12:30 am #88116livewellplayhard
MemberThanks Summer,
Good point about clearing the cache, which I did for both Chrome and Safari. I also restarted (it was time anyway) and now this is getting really weird.
In Chrome :
- Nav & Content links: Charcoal/Charcoal (unvisited/visited) - this is similar to original Lifestyle theme color options (which were still there this morning). The Content links are in fact specified in the css as Light Blue (#509ac9), but appears as Charcoal in this browser.
- Blogroll links: Bright Blue/Charcoal (new, not desired!)In Safari:
- Nav & Blogroll: Bright Blue/Charcoal (new, not desired at all)
- Content links: Light Blue (desired)/Charcoal - this combination is desired.This is what is desired:
Primary & Secondary Nav: Charcoal/Charcoal
Content: Light Blue/Charcoal
Blogroll: Charcoal/CharcoalBTW: The ability to configure Color Options in Genesis disappeared this afternoon - Genesis 2.02 upgrade perhaps? - and started me down this rabbit hole... 🙁
February 2, 2014 at 1:35 am #88124livewellplayhard
MemberFixed. Brute forced somewhat, I think, but fixed. Thanks for the help, Summer. I was able to learn from your suggestions.
I'm an ex-web developer, but I've been out of it for a long time. 🙂
Thanks again,
JenniferFebruary 2, 2014 at 1:57 pm #88211Summer
MemberIf it helps, in Firefox and Chrome on my Mac, I was seeing light blue/charcoal for the links in the body of the About page, and a darker blue/charcoal for the nav links... how odd.
Glad you got it working!
WordPress / Genesis Site Design & Troubleshooting: A Touch of Summer | @SummerWebDesign
Slice of SciFi | Writers, After DarkFebruary 2, 2014 at 2:48 pm #88218livewellplayhard
MemberHi Summer,
Yes, any feedback helps. I believe I've gotten that behavior fixed. Thanks so much for your help as well.
I'm now having issues on with the Blog Template page in its own support post: Posts for Certain Category Don't Appear on Blog (but other categories do).
Working through this, one item at a time. 🙂
Jennifer
-
AuthorPosts
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.