Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #400161

    After searching for hours on how to make the mailchimp fields sit next to each other instead of below each other, I found your excellent tutorial for the Enfold theme and added the appropriate code.

    All seems to be ok now, except, I would like the “Submit” button to be this colour: #F6937A and the background of the whole form to be #FBC7B4.

    I would also like the “Submit” button to be smaller and to have a bit of space between the columns.

    Is there quick css code that I can add in to make this happen please.

    The form is for the following page:

    Thank you very much
    Ivana

    • This topic was modified 9 years, 9 months ago by Josue. Reason: added link to tutorial
    #400311

    Hey Ivana!

    Glad you liked my tutorial, first make sure to set the plugin CSS to not load and add this to Quick CSS:

    .mc4wp-form label{
        color: white !important;
    }
    .mc4wp-form .modified_width .button {
        background: #F6937A !important;
        color: white !important;
    }
    .mc4wp-form .modified_width .button:hover{
        background: #DA6346 !important;
    }
    .mc4wp-form {
        padding: 10px 20px;
        background: #FBC7B4;
        overflow: hidden;
    }

    Regards,
    Josue

    #401009

    Many many thanks Josue.

    Just one more question please – I would also like the “Submit” button to be smaller and to have a bit of space between the columns. Is that possible with quick css?

    Cheers
    Ivana

    #401029

    Hi Ivana!

    Make sure to set this option to “No” in MailChimp for WordPress > Forms:

    Regards,
    Josue

    #403134

    Aha! That did the trick!

    Thank you … I greatly appreciate your help.

    #403166

    You are welcome, always glad to help :)

    Regards,
    Josue

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Mailchimp Integration’ is closed to new replies.