• Hi,

    I’m using this plugin on my site and i’m very happy with it but i’m going to custom the styling for this in the CSS Stylesheet but i’m not to sure where i would place the code for this in the stylesheet.

    Could anyone give me an idea as to where abouts in the Stylesheet I would place the code?

    Thanks.

    http://wordpress.org/extend/plugins/mailchimp/

Viewing 7 replies - 1 through 7 (of 7 total)
  • Hey Mandy!

    There’s not a specific “right” or “wrong” place to add CSS for the form. Generally, though, it’s easier just to add it to the bottom of the stylesheet. Whatever works for you, works for us!

    Cheers

    Thread Starter mandy876

    (@mandy876)

    Thanks for getting back!

    Got it added to the bottom of the CSS and works great. The only problem i’m having is when I’m adding in the height its adding height underneath the mailchimp sign up form instead of increasing the height of the mailchimp sign up box itself.

    What should I do to try and fix this?

    Thanks!

    Hey again, Mandy!

    Would you mind shooting us a link to your page to have a peek at?

    Cheers

    Thread Starter mandy876

    (@mandy876)

    Yup of course!

    here’s the link: http://www.underthechristmastree.co.uk

    Hey there, Mandy!

    Ah. I see, now!

    In order to correct this, you’ll want to add some padding to the mc_signup_form id. So, we’ll add something like this to the Style.css file:

    #mc_signup_form {
    height: 250px;
    padding-top: 50px;}

    My choices of 250px and 50px are totally arbitrary, but give you something that look like this:

    Screenshot — http://cl.ly/1I1Q0e2D2B3R271p1h3s

    And since we’re changing the height of the form, we’ll also want to change the height of the plugin area so it adjusts automatically. Something like this should do the trick:

    #mc_signup {
    width: 350px;
    height: auto;}

    Generally, I just play around with Chrome’s Developer Tools so that things re-render on-the-fly to give me an idea of how things are going to look on the page. 🙂

    Cheers

    Thread Starter mandy876

    (@mandy876)

    That has worked perfectly.

    Thanks for all of your help!

    Very glad to help!

    😀

Viewing 7 replies - 1 through 7 (of 7 total)

The topic ‘[Plugin: MailChimp List Subscribe Form] Style CSS’ is closed to new replies.