Reply To: Change color of just 1 button on homepage – Aspire Pro

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?