Divi WordPress Theme
  1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

WordPress fix Mailchimp Embedded form – customisation

Discussion in 'Misc WordPress Requests' started by priyanka14, Mar 3, 2018.

  1. priyanka14


    Mailchimp Embedded form – customisation, by priyanka14


    I have embedded the Mailchimp ‘slim’ form in the footer of my website and am trying to customise it slightly.

    Whenever I try to change the width etc of the input form fields the effect is on the whole container. The width of the whole container stretches so that it overlaps on to the right hand side past the actual footer and this is more noticeable as the screen size gets smaller.

    I want to achieve:
    a. making the email address input field slightly bigger in width
    b. moving the email address input field down so that it is inline with the search bar on the left of the footer
    c. centering the ‘subscribe’ button (in relation to the field)

    This is a link to the CSS selectors –

    Since you have to put the #mc_embed_signup selector with any other selectors to ensure that the style applies it has an effect on everything.

    Any idea how I can achieve the above without having the footer overflow to the right?

    Mailchimp Embedded form – customisation

Share This Page

Monarch Social Sharing Plugin