Link to home
Start Free TrialLog in
Avatar of nsitedesigns
nsitedesignsFlag for United States of America

asked on

mouseover button color

http://25a.e58.myftpupload.com/

Client likes how the "Learn More" buttons on home page below circle icons have a green mouseover effect.  

We duplicated this button for the Careers page and modified the css so is sits flush left.  We had to rename the button on the careers page from .entry-content a.more-link to .entry-content a.jobs-link.  Now the mouseover color change to green doesn't work.  I can't figure out how the original buttons on the home page are calling for a green mouseover since that stylization came with the theme.

Careers "Current Openings" button:
.entry-content a.jobs-link {
    background-color: #5a5853;
    border: 1px solid #ddd;
    color: #fff;
    clear: both;
    display: block;
    margin-top: 20px;
    margin-bottom: 26px;
    padding: 5px;
    text-align: center;
    text-decoration: none;
    border-radius: 8px;
    width: 130px;
}

Open in new window


Home page "Learn More" button
.entry-content a.more-link {
    background-color: #5a5853;
    border: 1px solid #ddd;
    color: #fff;
    clear: both;
    display: block;
    margin: 20px auto 26px !important;
    padding: 5px;
    text-align: center;
    text-decoration: none;
    border-radius: 8px;
    width: 100px;
}

Open in new window

ASKER CERTIFIED SOLUTION
Avatar of Eddie Shipman
Eddie Shipman
Flag of United States of America image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial