Change the background fields colour

Hi @studiolangford

The plugin doesn’t modify the inputs, the styling comes from the theme.

But if you want to modify specifically the inputs from our plugin, you can use:

.scf input[type="text"],
.scf input[type="email"],
.scf textarea {
    background-color: #hexcode;
}

Hi,
Thanks for your speedy response.

I entered the code into the Customise > Additional CSS area but the colour of the text fields didn’t change. (I used #dfdfdf, light grey.)

In case it makes any difference, in the settings I left the label fields empty and used only the Placeholder fields text. My Contact page has a dark background and the present white field boxes look too bright – I’d like to change them to light grey.

Thanks.

The theme might have some CSS rules for inputs that take priority over the CSS I sent over.

Try this:

.scf input[type="text"],
.scf input[type="email"],
.scf textarea {
    background-color: #dfdfdf !important;
}

If it doesn’t work, send over the URL to the page with the form, I’ll need to check it in the developer tools to see what’s going on.

Thanks again for your help – much appreciated.

However the custom CSS still does not affect the background color of the input boxes.

Here’s the link to the contacts page: https://www.briefguidetoinnerpeace.com/contact/

Thanks.

Hi @studiolangford

I don’t see that CSS code loaded on the page.

Can you make a screenshot of the whole area where the custom CSS is added (Appearance > Customize > Additional CSS)?

Hi,
I made a mistake in adding the CSS.
The custom CSS you last sent works fine.

Thanks for your excellent support.

• This reply was modified 3 years, 4 months ago by studiolangford.

Happy to hear that. You’re welcome.