Text Area Background Issues

That link doesn’t allow for us to see your form. it says we have to be logged in.

aha I will change this now quickly sorry.

Should be ok to view now

still nothing. if you got to that link from a private, or incognito window you will see what I see.

https://www.ssifm.com/fm-jobs/job-submission-form/

there you go its because I did it through a preview window doh!

there must be a setting you are not using or something…I still have zero access to the form.

see here:
https://i65.tinypic.com/9gc7li.jpg

Yep you are right it was some settings got there in the end I’ve tried it with me logged out and I have access, I can change it back once we have identified what I need to do next to change the colouring.

Again thank you for any help on this.

https://www.ssifm.com/fm-jobs/job-submission-form/

whatever you did fixed it.

here is some css you can tweak to your liking. there were 4 elements that needed to be changed. just place it in your custom css or child theme’s ‘style.css’ file

.frontend-forms {
    background: #333;
}

.frontend-forms ul.tab-nav li.active {
    background: #666;
}

.frontend-forms ul.box li.tab-box {
    background: #666;
}

.frontend-forms input[type="submit"] {
    color: #333;
}

a really handy tool is google chrome’s inspect tool, or firefoxs firebug. they both allow you to look at the elements in the DOM and change them without actually affecting your site.

great will this work with all my plugins or just the page that you saw? as I also have this issue here:

https://www.ssifm.com/fm-jobs/client-job-list/

font is darker on this one.

great will this work with all my plugins or just the page that you saw? so if I change in the DOM it will change on my site and will effect it each time people go to view? if so this is great news thank you.

the inspect feature changes the view locally, just for you, and temporarily, just while you are viewing those pages. It allows developers to troubleshoot functionality and design without changing the code.

The css i provided you should give you the results you want for the form. and you can change those hexidecimal color values to whatever you like. I just used two variations of grey.

The variations you chose work great thank you. Massive help much appreciated.

Unfortunately I have an alignment issue now as seen here:

https://www.ssifm.com/job/project-manager/

massive thank you for your help.

on your other pages you have all the content in a div with an id of ‘main’

on that page you have issues with there is no div with an id of ‘main’

are you using a different page template on that page?