Change the background fields colour

  • Resolved studiolangford

    (@studiolangford)


    4 years, 6 months ago

    Hi,

    Is there a way to change the background color of the fields (the input boxes) using Appearance > Customise > Additional CSS?

    Thanks.

Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Author WPKube

    (@wpkube)

    4 years, 6 months ago

    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;
}
    Thread Starter studiolangford

    (@studiolangford)

    4 years, 6 months ago

    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.

    Plugin Author WPKube

    (@wpkube)

    4 years, 6 months ago

    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.

    Thread Starter studiolangford

    (@studiolangford)

    4 years, 6 months ago

    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.

    Plugin Author WPKube

    (@wpkube)

    4 years, 6 months ago

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

    Thread Starter studiolangford

    (@studiolangford)

    4 years, 6 months ago

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

    Thanks for your excellent support.

    Plugin Author WPKube

    (@wpkube)

    4 years, 5 months ago

    Happy to hear that. You’re welcome.

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

The topic ‘Change the background fields colour’ is closed to new replies.