Title: submission buttons CSS changes
Last modified: August 31, 2016

---

# submission buttons CSS changes

 *  [balmfoc](https://wordpress.org/support/users/balmfoc/)
 * (@balmfoc)
 * [10 years, 3 months ago](https://wordpress.org/support/topic/submission-buttons-css-changes/)
 * Hi I’m looking for a little help with some new CSS to add to my style to make
   some changes to the following page:
 * [http://www.ssifm.com/fm-job-search/](http://www.ssifm.com/fm-job-search/)
 * I would like to make the title font white and slightly larger.
 * I would also like to change all submission buttons throughout my site to a black
   background and white font. At the moment its very difficult to identify what 
   it says.
 * Any help with this is massively appreciated 🙂

Viewing 9 replies - 1 through 9 (of 9 total)

 *  [neotechnomad](https://wordpress.org/support/users/neotechnomad/)
 * (@neotechnomad)
 * [10 years, 3 months ago](https://wordpress.org/support/topic/submission-buttons-css-changes/#post-7104768)
 * If by “title”, you mean “FM Job Search”, it is already white. It just doesn’t
   look white against the dark grey background.
    (`color: #ffffff;`)
 * For the other styles, use a [Custom CSS plugin](https://en-ca.wordpress.org/plugins/search.php?q=custom+css)
   for any changes, as when the main theme updates, all the changes you may have
   made to the main theme will be lost.
 * After installing the plugin, paste this code in it:
 *     ```
       input[type="submit"] {
       	background-color: #000 !important;
       	color: #fff !important;
       }
       #post-title {
       	font-size: 2.6em;
       }
       ```
   
 * The “input[type=”submit”]” should change all your buttons, but check to make 
   sure.
    The size of the “#post-title” is its current size – increase the numbers
   in front of the “em”.
 *  Thread Starter [balmfoc](https://wordpress.org/support/users/balmfoc/)
 * (@balmfoc)
 * [10 years, 3 months ago](https://wordpress.org/support/topic/submission-buttons-css-changes/#post-7104785)
 * Sorry I ment the title of each section or the name of each input box area. They
   are grey on a grey background. Main title is fine yes. Sorry for confusion any
   help with this is appreciated.
 * Ref the submit button great thank you I will try this.
 *  Thread Starter [balmfoc](https://wordpress.org/support/users/balmfoc/)
 * (@balmfoc)
 * [10 years, 3 months ago](https://wordpress.org/support/topic/submission-buttons-css-changes/#post-7104808)
 * so the submit buttons all sorted massive thank you. Its just the font size and
   colour next along with the possible alignment of the info and boxes 🙂
 *  [jessicarenee408](https://wordpress.org/support/users/jessicarenee408/)
 * (@jessicarenee408)
 * [10 years, 3 months ago](https://wordpress.org/support/topic/submission-buttons-css-changes/#post-7104811)
 * Here are some things that might make that form a little bit prettier, add this
   to your custom css:
 * ‘input[type=”submit”] {
    background-color: #000 !important; color: #fff !important;/*
   margin-top: 10px; */ font-size: 16px; padding: 10px 15px; font-weight: lighter;
   letter-spacing: .1rem; }
 * .meta span {
    margin-bottom: 10px; font-color #ddd; }’
 *  [jessicarenee408](https://wordpress.org/support/users/jessicarenee408/)
 * (@jessicarenee408)
 * [10 years, 3 months ago](https://wordpress.org/support/topic/submission-buttons-css-changes/#post-7104812)
 *     ```
       input[type="submit"] {
       background-color: #000 !important;
       color: #fff !important;
       /* margin-top: 10px; */
       font-size: 16px;
       padding: 10px 15px;
       font-weight: lighter;
       letter-spacing: .1rem;
       }
   
       .meta span {
       margin-bottom: 10px;
       font-color #ddd;
       }
       ```
   
 * Ooooops… messed up the markup… there ya go!
 *  Thread Starter [balmfoc](https://wordpress.org/support/users/balmfoc/)
 * (@balmfoc)
 * [10 years, 3 months ago](https://wordpress.org/support/topic/submission-buttons-css-changes/#post-7104830)
 * Hi jessicarenee408,
 * Nothing really happened with this one I’m afraid. I cut and paste what was provided
   but no change to:
 * [http://www.ssifm.com/fm-job-search/](http://www.ssifm.com/fm-job-search/)
 * excited by the prospect of it looking better mind 🙂 so thank you.
 * I’ve noticed another issue I could do with help on:
 * the salary icon wont change to a £ icon? bottom right hand side
 * see here:[http://www.ssifm.com/job/facilities-team-leader/](http://www.ssifm.com/job/facilities-team-leader/)
 * Any help is massively appreciated as always.
 *  [Digico Paris](https://wordpress.org/support/users/digico-paris/)
 * (@digico-paris)
 * [10 years, 3 months ago](https://wordpress.org/support/topic/submission-buttons-css-changes/#post-7104831)
 * [@balmfoc](https://wordpress.org/support/users/balmfoc/)
 * To help you do it yourself:
 * 1) I assume you have basics in CSS, it’s not very hard to learn CSS
    2) I advice
   you use Chrome or Firefox browser, and right click > inspect (or examine element
   on FF) on the specific button
 * >> Using that console, it will show you name of CSS class involved and even which
   CSS file to change
 * >> Kudos nice browsers 🙂 Once tested, you can edit the real CSS file on your
   server.
 * After if you need super custom buttons, you can pull angular js or so on top 
   of WP.
 *  Thread Starter [balmfoc](https://wordpress.org/support/users/balmfoc/)
 * (@balmfoc)
 * [10 years, 3 months ago](https://wordpress.org/support/topic/submission-buttons-css-changes/#post-7104833)
 * Thank you Digico Paris I know how to use inspector its just setting up the code
   thereafter I think I need to do a little self training. To put it simply I’m 
   not sure what I’m looking at and what to place in the CSS to make the changes.
   I could do with a simple tutorial on this to be honest.
 * as for the submit buttons NeoTechnomad code worked perfectly 🙂
 * just need to sort the form and £ icon out now.
 *  [Digico Paris](https://wordpress.org/support/users/digico-paris/)
 * (@digico-paris)
 * [10 years, 3 months ago](https://wordpress.org/support/topic/submission-buttons-css-changes/#post-7104840)
 * alright it’s a troubleshoot forum, but when you have time, take some time it 
   will help you on another issue I think,
 * have fun with wp 🙂

Viewing 9 replies - 1 through 9 (of 9 total)

The topic ‘submission buttons CSS changes’ is closed to new replies.

 * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 9 replies
 * 4 participants
 * Last reply from: [Digico Paris](https://wordpress.org/support/users/digico-paris/)
 * Last activity: [10 years, 3 months ago](https://wordpress.org/support/topic/submission-buttons-css-changes/#post-7104840)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics