WordPress.org

Ready to get started?Download WordPress

Forums

[Plugin: MailChimp List Subscribe Form] Mailchimp plugin sidebar width takes up 2 sidebar widths - s (11 posts)

  1. antorera
    Member
    Posted 4 years ago #

    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?

    Thanks.

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

  2. mc_jesse
    Member
    Posted 4 years ago #

    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.

  3. antorera
    Member
    Posted 4 years ago #

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

    thanks.

  4. antorera
    Member
    Posted 4 years ago #

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

  5. mc_jesse
    Member
    Posted 4 years ago #

    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.

  6. antorera
    Member
    Posted 4 years ago #

    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?

  7. mc_jesse
    Member
    Posted 4 years ago #

    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.

  8. gregalam
    Member
    Posted 4 years ago #

    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.

  9. mc_jesse
    Member
    Posted 4 years ago #

    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.

  10. gabylinares
    Member
    Posted 4 years ago #

    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!

  11. mc_jesse
    Member
    Posted 4 years ago #

    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.

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags