Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • January 5, 2021 at 4:34 pm #1270435
    shedoesitcoaching

    Hi Enfold Team,

    Happy New Year!
    Hopefully it will be a healthy 2021 with many new possibilities.

    I would like to change the colour of the button in a Mailchimp sign up form. See the page number in the private content.
    How can I do that? I would like to change it in this colour: #EF7985

    And is it possible to align the button in the center?

    Many thanks!
    Eefke

    January 6, 2021 at 6:32 am #1270532
    Jordan Shannon

    Hey Eefke,

    Add this to quick css:

    .main_color .button, .main_color input[type='submit']{
    background-color: #EF7985;
    color: #ffffff;
    border-color: #EF7985;
}

    Best regards,
    Jordan Shannon

    January 6, 2021 at 11:49 am #1270579
    shedoesitcoaching

    Thanks for your quick reaction.
    I only want to change the colour and the position of the buttons on 1 page. Is this code then right?

    Many thanks.

    January 7, 2021 at 4:39 am #1270757
    Rikard

    Hi,

    Please try this instead if you only want to change it on the page you linked to:

    .home .avia-mailchimp-form .first_form {
    width: 100%;
}

.home .avia-mailchimp-form .button {
    width: 50%;
    display: table;
    margin: 0 auto;
    background: green;
    border-color: green;
}

    Best regards,
    Rikard

    January 7, 2021 at 10:28 am #1270812
    shedoesitcoaching

    Hi Rikard.

    If I put your code in the quick CSS nothing changes.
    Don’t we need to add the page id and the colour of the button somewhere?

    Thanks.

    January 8, 2021 at 4:05 am #1270998
    Rikard

    Hi,

    Please try this CSS instead:

    .page-id-6435 .avia-mailchimp-form .first_form {
    width: 100%;
}

.page-id-6435 .avia-mailchimp-form .button {
    width: 50%;
    display: table;
    margin: 0 auto;
    background: green;
    border-color: green;
}

    Best regards,
    Rikard

    January 8, 2021 at 1:42 pm #1271050
    shedoesitcoaching

    Hi Rikard,

    Thanks. It changes on the right page now.
    Unfortunately the button is still not alligned. Instead it becomes really small. And the colour is green instead of this colour: #EF7985.

    Any ideas?

    Thanks.

    January 10, 2021 at 5:53 am #1271289
    Rikard

    Hi,

    I added the CSS for you, please review your site.

    Best regards,
    Rikard

    January 10, 2021 at 2:01 pm #1271354
    shedoesitcoaching

    Hi Rikard,

    Yes, that worked. Thanks a lot!
    I really appreciate it.

    The strange thing is that only at the bottom of the page the field ’email address’ is a different size.

    I’ve tried to copy the first colour section with the Mailchimp form and place this at the bottom, but that didn’t do the trick.
    Any ideas on that?

    January 11, 2021 at 6:22 am #1271491
    Rikard

    Hi,

    It’s fixed now, please review your site.

    Best regards,
    Rikard

    January 12, 2021 at 12:59 pm #1271874
    shedoesitcoaching

    That did the trick!
    Thanks a lot. Really happy with your support.

    You can close this topic now.

    January 12, 2021 at 1:47 pm #1271882
    Jordan Shannon

    Hi,

    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Change colour button in Mailchimp form’ is closed to new replies.