I have went through the documentation and the support blog but cant find the answer to my question.

I would like to change the colors of the buttons on my site from grey to blue. I cant find the options anywhere.

Some screen shots:
http://www.evernote.com/shard/s279/sh/1f1a4f0d-477d-468c-bf47-b546d6921947/9c69f5879d045f27559defeeee511a0d

http://www.evernote.com/shard/s279/sh/612af3f5-5f24-4c6d-889d-a355e451694c/ce6530f3b2a2038e92badc269e404949

Thank you for writing. Unfortunately there’s no option within the theme options to change the color of the button.

At this moment, the only way to change that would be adding some custom css to the button element:

button {
   background: blue;
   color: white;
}

You can learn more about custom CSS here: http://nicethemeswp.com/support/theme-docs/flatbase/#custom-css

Best,
Juan.

That only works for the sidebar widget buttons, what about the post comment button and the button at the bottom of ever page? that is still grey

Thank you for the follow up. All the classes for the different buttons are:

.button-primary, .button-blue, .button-secondary, .header .nav li.current-page a, .header .nav-callout, .cta-button, input[type="submit"], button, #commentform .button, #respond input[type="submit"], .nice-contact-form input[type="submit"], .blog-masonry #posts-ajax-loader-button {
   background: blue;
   color: white;
}

Best,
Juan.

That worked well for most of the buttons. But, it did not work in 2 instances.

1.) sidebar widget- here is the code that i used and screenshot:
Submit a Ticket

http://www.evernote.com/shard/s279/sh/658b91e9-c323-4ad9-a4b4-f6ca3f08ca58/470167caabf993e09f1b5a0ef9846a64

It should be the same blue as the post comment button with white text.

2.) Call to Action button at the bottom of every page – it did not change with your code. Here is the code that I used in the custom css section:
“.button-primary, .button-blue, .button-secondary, .header .nav li.current-page a, .header .nav-callout, .cta-button, input[type=”submit”], button, #commentform .button, #respond input[type=”submit”], .nice-contact-form input[type=”submit”], .blog-masonry #posts-ajax-loader-button {
background: #092f57;
color: white;
}”

http://www.evernote.com/shard/s279/sh/7d3d000a-4196-4399-8777-f94d76bcab0c/bb5353c8c95b308eddace5c07f897209

http://www.evernote.com/shard/s279/sh/ee32cf0f-bcd9-428c-a543-20579f53e222/b77e2ffac4a468796f08700681d93e4b

Thank you for the follow up. That’s because certain rules apply to classes that have different hierarchies. For your code to get working on all buttons, apply the “!important;” value for both values.

.button-primary, .button-blue, .button-secondary, .header .nav li.current-page a, .header .nav-callout, .cta-button, input[type="submit"], button, #commentform .button, #respond input[type="submit"], .nice-contact-form input[type="submit"], .blog-masonry #posts-ajax-loader-button {
   background: #092f57 !important;
   color: white !important;
}

Best,
Juan.

There are still 2 small bugs.

1.) the sidebar button still has grey text for some reason
http://www.evernote.com/shard/s279/sh/5ef6e19e-6b5e-4180-aaea-ff757d035345/1e41376541bef76e36cfcc798f5ad27f

2.) The hover effect went away

1) Well, that’s because you are using an ‘a’ tag inside the ‘button’.

Something like this will do the trick:

button a { color: white !important; }

2) The hover effect is only applied on forms like the comments form.

Best,
Juan.

2) There used to be a hover effect, but with the custom code it took it away