Okay
  Public Ticket #2886921
Contact Form 7 Settings
Closed

Comments

  •  30
    lumpy5000 started the conversation

    Hello. I have been trying to change the form settings using Salient > Form Styling, but the options I am choosing (see screenshot) are not taking affect on the form, even after clearing my cache and trying several different settings. I also checked my Custom CSS and there is nothing there that would affect form stylings. How can I get the form to have white input background color with black text? I would also like the SUBMIT button to have a gold background (#b8945e) instead of gray. At this point, I cannot change my Accent Colors because they are already set for other site options. Thank you. 

  •  1,878
    Judith replied

    Hi There,

    Please try this css:

    body[data-form-style="minimal"] .container-wrap .span_12.light input[type="text"], body[data-form-style="minimal"] .container-wrap .span_12.light textarea, body[data-form-style="minimal"] .container-wrap .span_12.light input[type="email"], body[data-form-style="minimal"] .container-wrap .span_12.light input[type=password], body[data-form-style="minimal"] .container-wrap .span_12.light input[type=tel], body[data-form-style="minimal"] .container-wrap .span_12.light input[type=url], body[data-form-style="minimal"] .container-wrap .span_12.light input[type=search], body[data-form-style="minimal"] .container-wrap .span_12.light input[type=date], body[data-form-style="minimal"] .container-wrap .span_12.light select {
        color: #000;
        background-color: rgb(255 255 255);
    } input[type=submit], button[type=submit], input[type="button"] {
        background-color: #b8945e;
    }

    Thanks.

  •  30
    lumpy5000 replied

    Thank you, Judith. The code worked perfectly!! You're the best!!