Support » Plugins » [Plugin: MailChimp List Subscribe Form] Mailchimp plugin sidebar width takes up 2 sidebar widths – s

  • Not sure if I am missing something basic and obvious here. When I installed the mailchimp plugin, it seems to come in a fixed width and doesn’t adjust to the sidebar width. I have two skinny sidebars set up and it takes over 1 1/2 of them.

    Couldn’t find where I can make the width adjustable? Any one have any clue about this?


Viewing 10 replies - 1 through 10 (of 10 total)
  • Sounds like CSS from the rest of your theme is negatively affecting the form. The best solution is probably to turn off the custom styling option and use your own css to target the generated form.

    I did turn off the custom styling, but it’s still overlapping into the second sidebar area. I’m not sure how to correct this is my own css. Can you provide some direction?

    Here’s a screen grab of the form:


    anything on how I can access the mailchimp css so I can see what to modify?

    Load your site and view the page source. With styling on, you’ll see the css we generate included near the top. Either way, you can also see the HTML the widget generates so you can target whatever elements you’d like in your own CSS files.

    Thanks. I did see this css in the mailchimp.php file. Can you give me an indication of what I should change? I don’t see anything about width. I’ve tried playing around with various settings but nothing changes. Do I modify mc_signup_container? mc_signup_form?

    Not really. You’ll just need to style the form to look however you’d like it to look on your site. It sounds like you may want to find a primer on CSS or someone who is more familiar with it, though.

    This is what I found out:

    • Go to the plugins editor and edit the mailchimp.php file
    • .mc_signup_submit – that will change the SUBMIT button
    • #mc_signup_form .mc_var_label, #mc_signup_form .mc_input – this will change the signup boxes withthin the form container – EX: the email address, first name, and last name boxes
    • .mc_custom_border legend – this will change the container box that the form sits within
    • #mc_signup_form legend – controls the box within the signup form box that has the title of your signup form

    My form title text overflows if too long though, and for the life of me can’t figure out how to fix that. Tried overflow, text-overflow, and word-wrap.

    That will work, but the better solution is to turn off our custom styling option and simply add whatever you’ve edited them as to the stylesheet for your theme (or any other one included in your site). That way if you upgrade the plugin, you don’t lose your changes.

    The “title text” is in a legend tag – some browsers (especially IE) have issues with text wrap in them.

    I have been able to adjust the width of the email and name boxes as well as the layout box.

    Everything is perfect except that I cannot reduce the width of the subscribe button. The button doesn’t appear properly either.

    Please! I need help with fixing the submit button! Your help is appreciated!

    You’ll need to look closely at your theme’s css and css being loaded by other plugins to find what is being loaded after our css that is overriding it. More than likely there’s some non-specific rule for input buttons that is causing that.

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘[Plugin: MailChimp List Subscribe Form] Mailchimp plugin sidebar width takes up 2 sidebar widths – s’ is closed to new replies.