Home>Support>SiteOrigin Contact Form – Email field different format than all other fields

SiteOrigin Contact Form – Email field different format than all other fields

By jmedemar, 7 years ago. Last reply by jmedemar, 7 years ago.

I am wondering if this is normal or not for this plugin.
You can see my issue here www.burnips.com/contact-us/

Basically all the contact form fields are nicely formatted except the “email” field. This particular field is a blank white box that’s a different size and background color than the rest.

Can this email field be made to look like the other fields?

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 7 years, 4 months ago Alex S
    Hi, I Work Here

    Hi Jmedemar

    Okay, so this is what I would call a desirable theme conflict. Basically, your theme is adding those styles to the other fields but not the email field. To allow for the email field to be affected by the theme styling you’ll need to add some custom CSS. If you navigate to AppearanceCustom CSS, you’ll get our custom CSS editor. Just add the following code.

    input[type="email"] {
    padding: 1.5%;
    box-shadow: inset 1px 1px 5px rgba(0, 0, 0, .05);
    background: #FCFCFC;
    border: #EEE 1px solid;
    color: #999;
    font-family: "Droid Sans", sans-serif;
    font-size: 13px;
}

    How does that look?

    You might also need to install the SiteOrigin CSS Editor.

  2. 7 years, 4 months ago jmedemar

    Thank you Alex. This fixed my issue perfectly.

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More