New Landing › How can we help? › Atelier › Change newsletter button colour in footer

Viewing 11 posts - 1 through 11 (of 11 total)
  • Back to forum
    Posted in: Atelier
  • July 4, 2016 at 9:23 pm #279108
    cfairi
    Member
    Post count: 129

    Hi, I would like to change the newsletter sign up button in my footer so that it shows up on a blue background with white text as per the screen shots. Please let me know how I can do this. The button currently shows up with black text in a white border which makes it difficult to see against the dark grey background.

    Thanks!

    Attachments:
    You must be logged in to view attached files.
    July 5, 2016 at 7:19 am #279152
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Please use this custom css code:-

    input#mc-embedded-subscribe{
background:#0079b7 !important;
color:#fff !important;
}

    Thanks
    Mohammad

    July 8, 2016 at 3:23 am #279852
    cfairi
    Member
    Post count: 129
    This reply has been marked as private.
    July 8, 2016 at 4:36 am #279860
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Please use this custom css code:-

    input#mc-embedded-subscribe {
    background: #7ccbd0 !important;
    color: #fff !important;
    border-color: #7ccbd0 !important;
    }

    Thanks
    Mohammad

    July 8, 2016 at 4:58 am #279865
    cfairi
    Member
    Post count: 129
    This reply has been marked as private.
    July 8, 2016 at 5:21 am #279871
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Please use this custom css code:-

    #sf-newsletter-bar .sub-code > form input[type="email"] {
    border-color: transparent !important;
}

    Thanks
    Mohammad

    July 9, 2016 at 9:21 am #280230
    cfairi
    Member
    Post count: 129
    This reply has been marked as private.
    July 11, 2016 at 4:50 am #280314
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Please use this custom css code:-

    #sf-newsletter-bar input#mc-embedded-subscribe {
    border-color: #fff !important;
}

    Thanks
    Mohammad

    July 13, 2016 at 2:48 pm #281030
    cfairi
    Member
    Post count: 129
    This reply has been marked as private.
    July 13, 2016 at 3:25 pm #281039
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Please use this custom css code:-

    #mc_embed_signup .button {
    border-radius: 0px !important;
    font-weight: bold !important;
    height: 50px !important;
    padding: 10px 40px !important;
    
}

    Thanks
    Mohammad

    July 13, 2016 at 3:32 pm #281044
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Please use this custom css code:-

    #mc_embed_signup .button {
    border-radius: 0px !important;
    font-weight: bold !important;
    height: 50px !important;
    padding: 10px 40px !important;
    
}

    Thanks
    Mohammad

  • Back to forum
    Posted in: Atelier
Viewing 11 posts - 1 through 11 (of 11 total)

You must be logged in and have valid license to reply to this topic.

License required for one of the following items
Login and Registration Log in · Register