WordPress.org

1. mandy876
   Member
   Posted 12 months ago #
   

   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/

2. mc_nate
   Member
   Posted 11 months ago #
   

   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

3. mandy876
   Member
   Posted 11 months ago #
   

   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!

4. mc_nate
   Member
   Posted 11 months ago #
   

   Hey again, Mandy!

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

   Cheers

5. mandy876
   Member
   Posted 11 months ago #
   

   Yup of course!

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

6. mc_nate
   Member
   Posted 11 months ago #
   

   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

7. mandy876
   Member
   Posted 11 months ago #
   

   That has worked perfectly.

   Thanks for all of your help!

8. mc_nate
   Member
   Posted 11 months ago #
   

   Very glad to help!

   :D

Reply

You must log in to post.