Yes this can easily be done by adding/creating a class in your CSS. I already have a few examples in the CSS that you can use in the Button section around line 547 –
/* Buttons and Colors */
a.button.medium {
font-size: 16px;
font-weight: 300;
padding: 12px 60px;
}
a.button.large {
font-size: 18px;
font-weight: 300;
padding: 15px 40px;
}
a.button.clear-button {
background: none;
border: 1px solid #fff;
}
a.button.clear-button:hover {
border: 1px solid #fa5738;
}
a.button.black {
background: #000;
}
a.button.white {
background: #fff;
color: #333;
}
a.button.white-clear {
background: none;
border: 1px solid #fff;
border-radius: 3px;
color: #fff;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
Once we create a new class for your button in your CSS, you would add it in the code like this (let’s use Black as an example) –
<a class="button large black" href="http://www.sabrinacompany.com/services">Learn More</a>
Notice I added black as a class, so now it will show the code that it’s assigned to –
a.button.black {
background: #000;
}
What color did you want to use exactly?
.
