submission buttons CSS changes

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 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”.

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.

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 ??

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;
}’

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!

Hi jessicarenee408,

Nothing really happened with this one I’m afraid. I cut and paste what was provided but no change to:

https://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:https://www.ssifm.com/job/facilities-team-leader/

Any help is massively appreciated as always.

@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.

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.

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 ??