Add margin contact form

[zero_to_one]

Hey there,
I’d like to add margins at those places http://prntscr.com/msbwlp
Thanks for your help!

[ruenel]

Hello @zerotoone.de,

Thanks for writing in!

To resolve your issue, please add the following CSS code in the X > Theme Options > Global CSS (http://prntscr.com/evui3r)

.mc4wp-form input[type="text"] {
    margin-left: 5px;
    margin-right: 5px;
}

.mc4wp-form label {
    margin-top: 5px;
    margin-bottom: 5px;
}

We would loved to know if this has work for you. Thank you.

[zero_to_one]

Thank you!
Now I’d like to change the submit button. I know that I can build a button in the sitebuilder and apply its class to the submit button in the footer right?

[jade]

Hi there,

Are you referring to the submit button of the contact form? If so, you can add some more CSS to style the submit button like this:

.mc4wp-form input[type="submit"] {
    color: rgb(255,255,255);
    border-color: rgb(236,98,84);
    background-color: rgb(236,98,84);
    text-shadow: 0 0.075em 0.075em rgba(0,0,0,0.5);
    padding: 0.429em 1.143em 0.643em;
    font-size: 14px;
}

.mc4wp-form input[type="submit"]:hover {
    color: rgb(255,255,255);
    border-color: rgb(236,98,84);
    background-color: rgb(236,98,84);
}

Feel free to change the values in the code.

Hope this helps.