• Skip to main content
  • Skip to forum navigation

StudioPress

  • Shop for Themes
  • My StudioPress

Forum navigation

  • Home
  • General Genesis Discussions
  • StudioPress Themes
  • Genesis Blocks
    • Genesis Blocks
    • Genesis Custom Blocks
  • Retired Themes
  • FAQs
  • Forum Rules
  • Internationalization and Translations
  • Forum Bugs and Suggestions
  • Forum Log In

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

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

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Log In
Register Lost Password

Community Forums › Forums › Archived Forums › General Discussion › Changing "Hover" Color of Text Link in Enterprise-Pro Theme

This topic is: resolved

Tagged: anchor, Enterprise Pro, hover

  • This topic has 5 replies, 3 voices, and was last updated 11 years, 1 month ago by mspremulli.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • June 7, 2014 at 12:51 pm #108459
    mspremulli
    Member

    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!

    June 7, 2014 at 1:54 pm #108465
    Brad Dalton
    Participant
     .enterprise-pro-teal a {
    color: red;
    }
    

    Speaking


    Tutorials for StudioPress Themes.

    June 7, 2014 at 2:01 pm #108466
    Brad Dalton
    Participant

    To change the hover color, use this:

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

    Tutorials for StudioPress Themes.

    June 7, 2014 at 8:46 pm #108483
    mspremulli
    Member

    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?

    June 7, 2014 at 11:08 pm #108492
    Tom
    Participant

    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 ]

    June 7, 2014 at 11:18 pm #108496
    mspremulli
    Member

    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
Viewing 6 posts - 1 through 6 (of 6 total)
  • The forum ‘General Discussion’ is closed to new topics and replies.

CTA

Ready to get started? Create a site or shop for themes.

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2025 WPEngine, Inc.

Products
  • Create a Site with WP Engine
  • Shop for Themes
  • Theme Features
  • Get Started
  • Showcase
Company
  • Brand Assets
  • Terms of Service
  • Accptable Usse Policy
  • Privacy Policy
  • Refund Policy
  • Contact Us
Community
  • Find Developers
  • Forums
  • Facebook Group
  • #GenesisWP
  • Showcase
Resources
  • StudioPress Blog
  • Help & Documentation
  • FAQs
  • Code Snippets
  • Affiliates
Connect
  • StudioPress Live
  • StudioPress FM
  • Facebook
  • Twitter
  • Dribbble