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

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: https://inthegarlic.com/mailchimp-error.jpg

thanks.

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.