Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • February 22, 2015 at 2:05 am #400161
    web4smallbusiness

    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 10 years, 8 months ago by Josue. Reason: added link to tutorial
    February 23, 2015 at 12:22 am #400311
    Josue

    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

    February 23, 2015 at 9:31 pm #401009
    web4smallbusiness

    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

    February 23, 2015 at 10:16 pm #401029
    Josue

    Hi Ivana!

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

    Regards,
    Josue

    February 27, 2015 at 4:10 am #403134
    web4smallbusiness

    Aha! That did the trick!

    Thank you … I greatly appreciate your help.

    February 27, 2015 at 5:47 am #403166
    Josue

    You are welcome, always glad to help :)

    Regards,
    Josue

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