Community Forums › Forums › Archived Forums › General Discussion › Changing "Hover" Color of Text Link in Enterprise-Pro Theme
Tagged: anchor, Enterprise Pro, hover
- This topic has 5 replies, 3 voices, and was last updated 8 years, 11 months ago by
mspremulli.
-
AuthorPosts
-
June 7, 2014 at 12:51 pm #108459
mspremulli
MemberHello Everyone,
I've spent about an hour digging through the CSS of this theme using Firebug, but I still can't find what I'm looking for.
What I want to accomplish is simple. I need to change the hover color of text links throughout a site from black to something else. Here is an example page. Scroll down to see the bulleted text for an example.
http://leganza.websitewelcome.com/~miketest/speaking/
Right now the link turns black when you hover over it.
So far I've tried fiddling with this code around line 198
}
a:hover {
color: #e5964a;}
And this code around line number 1821:
/* Enterprise Pro Teal
--------------------------------------------- */.enterprise-pro-teal .comment-meta a:hover,
.enterprise-pro-teal .entry-comments .comment-author a:hover,
.enterprise-pro-teal .entry-title a:hover,
.enterprise-pro-teal .genesis-nav-menu .current-menu-item > a,
.enterprise-pro-teal .genesis-nav-menu .sub-menu .current-menu-item > a:hover,
.enterprise-pro-teal .genesis-nav-menu .sub-menu a:hover,
.enterprise-pro-teal .genesis-nav-menu a:hover,
.enterprise-pro-teal .site-footer a:hover,
.enterprise-pro-teal .site-title a,
.enterprise-pro-teal .site-title a:hover,
.enterprise-pro-teal a {
color: #0EADA8;
}I'm not able to change the hover color at all. I know I'm missing something or have a conflict in the code someplace. Any suggestions are greatly appreciated.
Thanks!
June 7, 2014 at 1:54 pm #108465Brad Dalton
ParticipantJune 7, 2014 at 2:01 pm #108466Brad Dalton
ParticipantTo change the hover color, use this:
.enterprise-pro-teal a:hover { color: green; }
June 7, 2014 at 8:46 pm #108483mspremulli
MemberThanks for your reply Brad.
I dropped the code you listed in at around line 1837 as follows:
.enterprise-pro-teal a:hover {
color: #e5964a;
}Unfortunately, when I hover, it's still showing black. Any other places I should check?
June 7, 2014 at 11:08 pm #108492Tom
ParticipantFind this code block in your stylesheet at line 1849. This code overrides your new code placed higher up in the file at 1837.
.enterprise-pro-teal .entry-comments .comment-author a, .enterprise-pro-teal .entry-title a, .enterprise-pro-teal .genesis-nav-menu a, .enterprise-pro-teal .sidebar .widget-title a, .enterprise-pro-teal a:hover { color: #333; }
Either change the color for all of these selector at once in line 1854, or place Brad's code below this block.
Choose your next site design from over 350 Genesis themes.
[ Follow me: Twitter ] [ Follow Themes: Twitter ] [ My Favourite Webhost ]June 7, 2014 at 11:18 pm #108496mspremulli
MemberBooyah!!!!!!
Thank you both Tom and Brad. I posted Brad's code where you indicated and my hover links are now spicy orange!
I love this place!
Mike
-
AuthorPosts
- The forum ‘General Discussion’ is closed to new topics and replies.