How to change the color of Submit Buttons

[tititemowo]

Hi

I’ve a novice here but having fun learning.
Can anyone tell me how to change the color and font of a submit button on the search widget that comes with this theme?

Topic

[Jason Bobich]

Hello,

These kinds of edits are CSS customizations you’ll need to be making to the theme. Specifically for this, we’re not actually using any kind of font; this is a background image. So, you’d need to create a new search icon at a different color and apply that.

.themeblvd-search input[type="submit"] { background: ...; }

For CSS changes, it’s a good idea to use a tool like firebug or Google Chrome’s built-in developer tools to locate them and then put the edits either in your child theme or in the “Custom CSS” option on your theme options page.

Also, here’s a helpful tutorial on how to use Firebug – http://vimeo.com/20917974. The only thing I’d suggest not doing is actually making edits to the theme’s CSS files, as it shows at the end of that video. However, the video serves as a good introduction to Firebug and how it can be used to find what CSS is effecting certain areas of your site without ever digging around in any files.

[Author]

Replies