Big Gee

Changing colours of buttons in CC v6

Recommended Posts

Sorry to be a pain again!

I'd like to change the colours of all buttons etc. from blue to #CB5B06. I.e. everything that's blue in the foundation skin, I'd like to change to this colour - including the wording in the footer section.

I need to know what files to edit. Thanks! The site under construction is at


Share this post

Link to post
Share on other sites

It is best to override CSS rules that may be difficult, if not impossible to find in the CSS that comes with the Foundation.

So, in the file cubecart.default.css, add:

a {color: #CB5B06;}
a:hover, a:focus {color: #AB3B06;}
button, .button {background-color: #CB5B06; border-color: #AB3B06;}
button:hover, button:focus, .button:hover, .button:focus { background-color: #AB3B06;}


Edited by bsmither

Share this post

Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now