WordPress.org

Support

Support » Plugins and Hacks » MailChimp List Subscribe Form » [Plugin: MailChimp List Subscribe Form] MailChimp – change width.

[Plugin: MailChimp List Subscribe Form] MailChimp – change width.

Viewing 15 replies - 1 through 15 (of 32 total)
  • Actually looking again it has resized the form background, but now the text boxes are too big and stick out over the right hand side. Any ideas?

    Thanks

    – D

    Plugin Author mc_nate

    @mc_nate

    Hey there, Wordrace!

    Excellent question! Generally, by adjusting the CSS, you should be able to adjust the width that the fields display. Just add something like this to your site’s “Style.css” file, and it should take care of it!

    #mc_signup_form .mc_input {
    width: _____________; }

    Just set the width to whatever you’d like, either a percentage (50%) or a specific pixel count (500px).

    Let us know if we can help with anything else!

    Cheers

    Thank you!!

    This worked great!

    Cheers

    – D

    Plugin Author mc_nate

    @mc_nate

    Wheeee!

    Glad to help!

    Yeti

    @craigheyworth

    Hi Nate,

    this hasn’t worked for me unfortunately. I’m trying to increase the overall width of the plugin to 300px. I’ve added the code above to my style.css and it’s increased the text box sizes, not the background. What else would I need to do to get it all aligned?

    thanks

    Plugin Author mc_nate

    @mc_nate

    Hey there, Craig!

    Yeah, that specific CSS info is for the input fields. If you want to change the entire width of the form, you’d want to use something like this:

    #mc_signup_form {
    width: 300px;
    }

    I always recommend using Firebug for Mozilla Firefox or Chrome’s built-in Developer Tools to figure out exactly what element needs to be styled in your stylesheet.

    If we can assist with anything else, give us a shout!

    Cheers

    I’m trying to do exactly the same thing via http://smartchat.evangelyze.net. The form size is not changing though. Any help would be greatly appreciated!

    Plugin Author mc_nate

    @mc_nate

    Hey there!

    I had a peek at the site, but couldn’t find the form, off-hand. Is it hiding somewhere specific?

    Hi Nate, it doesn’t work for me unfortunately. Could you please see why it doesn’t work for me? My website is http://www.foxpowerinverters.com. I customerize my website based on Karma theme.

    Also, how to change the color of the font because the font is similar to the background. It is hard to see them clear.

    Plugin Author mc_nate

    @mc_nate

    Hey there, Bensonxie!

    Hmm…. so it looks like you’ve got the custom styling enabled in the plugin, which is totally cool. However, any stylings you need to adjust should be handled from “Settings” -> “MailChimp Setup” if you want to leave that option on. Otherwise, you’ll want to disable that custom styling helper and go from scratch with CSS.

    For changing the font color, you’ll generally just want to change the Text Color in that “Custom Styling” area.

    As far as the width of the form goes, can you post a screenshot of what you’re seeing specifically and what the desired behavior is?

    Cheers

    Same here… the width of the mailchimp plugin is not right and the plugin looks rather messy. Take a look at http://florianfriedrich.com/?page_id=72 to see what I mean.

    Any suggestions?
    Thanks,
    Florian

    Hi, Nate ~
    I, too am having issues with the width of the input boxes. I started with
    #mc_signup_form .mc_input {
    width: _____________; }
    but it didn’t change anything. I’ve tried futzing with a bunch of different things but to no avail.

    Could you please take a quick peek and tell me if I’m missing something obvious? The link is http://thenewmoneyschool.com/about/.

    Thank you so much,
    Alison

    Plugin Author mc_nate

    @mc_nate

    Hey there!

    After having a peek at the site, it appears that the general CSS has a rule for all inputs to have a minimum width of 210px. If you wanted to fix that specifically for MailChimp, you could add a “min-width: 0px;” style to that mc_input class.

    After that, add your own width and have at it!

    Hope that helps!

    Cheers

    You, Nate, are fabulous!! Thank you for helping me not to lose anymore hair.

Viewing 15 replies - 1 through 15 (of 32 total)
  • The topic ‘[Plugin: MailChimp List Subscribe Form] MailChimp – change width.’ is closed to new replies.
Skip to toolbar