Changing "Hover" Color of Text Link in Enterprise-Pro Theme

[mspremulli]

Hello 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!

[Brad Dalton]

 .enterprise-pro-teal a {
color: red;
}

---

Tutorials for StudioPress Themes & WooCommerce.

[Brad Dalton]

To change the hover color, use this:

.enterprise-pro-teal a:hover {
color: green;
}

---

Tutorials for StudioPress Themes & WooCommerce.

[mspremulli]

Thanks 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?

[Tom]

Find 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 ]

[mspremulli]

Booyah!!!!!!

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

[Author]

Posts