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

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

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

Wheeee!

Glad to help!

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

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 https://smartchat.evangelyze.net. The form size is not changing though. Any help would be greatly appreciated!

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 https://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.

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 https://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 https://thenewmoneyschool.com/about/.

Thank you so much,
Alison

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.