[Plugin: MailChimp List Subscribe Form] The easiest way to style this widget

Hey there!

Generally, the best way to style the form to your liking is through the “Style.css” file in your theme. You can add something like:

.mc_input {
display: block;
width: 85%;
height: 20px;}

And that will give you a form with the field label on top with the input box below. Generally, we recommend using Chrome’s developer tools or Firebug for Mozilla Firefox to make very specific changes to your form to match the look and feel of your site.

Let us know if we can help with anything else!

Cheers

Hey Nate, I’ve got a similar question. I don’t want the headline to be in italics and the subject underneath needs some tightening up. the line-height is too much. Also, i’d like to get the button next to the input box as well as make the button match the rest of my site.

Any suggestions? I was trying the below for the copy but is wasn’t working…

.mc p {
	color: #cccccc;
	font-size: 10px;
	line-height: 10px;
}

Hey Rob!

Would you mind sending us a link to your site so we can have a closer look at things?

Cheers

I ended up switching and using the “MailChimp Widget” and styled it through the PHP. So, no worries on my previous question. Thanks for your reply!

No worries, Rob!

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

Cheers

I also have a similar problem and I am not good with code…

-I would like to add an image in the header…i tried with giving the file location of the image (which is in my media library) but it did not work… I can I get my image to show?

-Also I would like my bttn to be align left i/o centered…

If there is code involved pls let me know the exact place where I should add the code….I am really not good at this! sorry…

Many thanks for your precious help!!!

Hey Stephanie!

As far as adding the image to the header portion of your plugin, you’ll have to add it as HTML. The HTML for adding an image is a little something like this:

<img src="YOURURLGOESHERE">

The “YOURURLGOESHERE” portion of the code is where you’d put the link to your image. So, to give you an example of how it looks, check out these screenshots:

Code goes here:
https://cl.ly/002y2t2l2w3P1F2S3I0t

And we get winking Freddie here:
https://cl.ly/3F3L2P3m0T1x3F2S0q3M

As far as how to stylize the submit button for the form, we’d really need to have a look at the website to get a clear understanding of what’s going on. However, as a general rule, you should be able to add something like the above code to your sites “Style.css” file. You can get to this file by going to “Appearance” -> “Editor” -> “Style.css”.

Let us know if we can help with anything else!

Cheers

wow it worked! I am so happy, thanks for the clear explanations! ??

about the button and the “email adress” text could it be below the field and aligned left..

you can have a look at my site:

babasouk.ca
login
stephanieh57
psw fetish57

many ,any thanks for yr help!!

@stephanieh57: Not really a good idea to supply your login credentials openly like that. I assume or at least hope that this is an account with restricted capabilities? ?? In the future, you might wish to consider exchanging contact details, where you can then share private information such as this with a little less concern.

Hey Stephanie,

I answered your other thread, here:
https://www.ads-software.com/support/topic/plugin-mailchimp-list-subscribe-form-align-the-bttn-left?replies=3#post-2647338

Let us know if we can help with anything else.