CODEWITHSUNDEEP
htmlcssmacosgoogle-chrome
user3117275
user3117275

Reputation: 367

Button looks different on Google Chrome (MAC)

For the above site, I started having an issue where a CSS button looks different on Google Chrome (MAC). This just started today.

CSS:

.cta-button {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #ffb14a 0px, #c76e08 100%) repeat scroll 0 0;
    border: 1px solid #a56317;
    border-radius: 1px;
    color: #fff;
    display: inline-block;
    font: bold 18px arial;
    margin-bottom: 5px;
    margin-top: 12px;
    padding: 8px 24px;
    text-align: center;
    text-decoration: none;
    text-shadow: 1px 1px 1px #764711;
    vertical-align: middle;
}

HTML:

<a class="cta-button" href="/free-consultation/">Start Your FREE Consultation</a>

What it looks like on Chrome (MAC): button on Chrome - MAC

What it's supposed to look like - (FireFox - MAC) What it's supposed to look like

Upvotes: 1

Views: 1241

Answers (1)

StackSlave
StackSlave

Reputation: 10627

Your Browser stores external CSS pages in your cache based on their URLs.

Go to the triple line options button, click "History", then go to "Clear browsing data...". From the drop-down select "the beginning of time", check all the boxes and push the "Clear browsing data" button.

Upvotes: 1

Related Questions