Mailchimp widget not displaying correctly

  • Resolved consciouscreative

    (@consciouscreative)


    13 years, 2 months ago

    Greetings,

    I successfully installed the MailChimp List Subscribe form plugin widget. I am using a theme called Studeo by Themeforest.

    The email field and the submit button are all crunched in the space where I have installed them, which is in the footer in the far right column. It’s about the width of a typical sidebar, so I’m not sure why it wouldn’t be coded to work in narrow spaces.

    I am not a coder, but if you give me specific step-by-step instructions on where and how to change the CSS to make the submit button and text field less wide I can probably do it myself.

    I wish I could insert a screengrab, here, but I can’t so here’s a link to my home page where you can see the ugliness.

    http://consciouscreative.com

    Thanks,
    Cheri

    http://ww.wp.xz.cn/extend/plugins/mailchimp/

Viewing 4 replies - 1 through 4 (of 4 total)
  • mc_tak

    (@mc_tak)

    13 years, 2 months ago

    Hey Cheri,

    Thanks for posting. In taking a look at your site, it currently looks like the active form is using a different WordPress plugin than the MailChimp List Subscribe Form plugin. Can you clarify whether the current active form is the one you’re seeing issues with, and looking to make CSS changes to? Or was the problematic form (which was using the MailChimp List Subscribe Form plugin) taken down?

    The List Subscriber form plugin should allow you to alter the width of your form elements by adding CSS to your site’s stylesheet.

    For example, widening the “Subscribe” button can be done by adding this bit of code to your WordPress theme’s stylesheet:

    #mc_signup_submit {
width: 300px;
}

    To add this to your stylesheet, login to your WP Admin area, then go to Appearance > Editor and add this code to the bottom of your theme’s CSS file.

    Similarly, you can edit the form’s width by using this bit of CSS code:

    #mc_signup {
width: 300px;
}

    The best way to assess what CSS code is active on a page is to use the ‘inspect element’ tool in a browser like Google Chrome.

    If you have any questions, let us know!

    Thread Starter consciouscreative

    (@consciouscreative)

    13 years, 2 months ago

    Hi mc_tak,

    Thanks for your reply. I’m not actually using that plug-in anymore, I’m using N-Media Mail Chimp now instead. The poster who posted before you, gave me some code that worked and allowed me to change the width of the fields, however, what I need now is code to change the padding between the email text filed and the subscribe button. Any help with that would be greatly appreciated.

    Thanks,
    Cheri

    Thread Starter consciouscreative

    (@consciouscreative)

    13 years, 2 months ago

    This issue has been solved by Themezilla support. Thanks!

    mc_tak

    (@mc_tak)

    13 years, 1 month ago

    Awesome, glad to hear. Let us know if you have anymore questions!

    -tk

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

The topic ‘Mailchimp widget not displaying correctly’ is closed to new replies.