asked on

move button to left edge

On this site's home page there are 3 learn more buttons below the circle icons lower down the page.
http://25a.e58.myftpupload.com/test/

Client wants this same type of button on the Careers page. I put the button in place and am now working on the css.
http://25a.e58.myftpupload.com/cloverleaf-careers/

She wants the button to float to the left so it is lined up with left margin. See screen shot
https://screencast.com/t/5UlUckbnzW

I copied the css from the home page button and put the text align to the left for the careeers button but it doesn't move. Not sure what I am doing wrong.

Original button code

.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

New button code for careers page

/*.... Careers page jobs button ....*/
.entry-content a.jobs-link {
    background-color: #5a5853;
    border: 1px solid #ddd;
    color: #fff;
    clear: both;
    display: block;
    margin: 20px auto 26px !important;
    padding: 5px;
[b]    text-align: left;[/b]
    text-decoration: none;
    border-radius: 8px;
    width: 100px;
}

Open in new window

ASKER CERTIFIED SOLUTION

Jim Riddles

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

nsitedesigns

ASKER

Hi Jim,

Sorry for delay in testing this. Been out of office. The below worked.

/*.... Careers page jobs button ....*/
[b].entry-content a.jobs-link[/b] {
  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: 100px;
}

Open in new window