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

Viewing 10 replies - 1 through 10 (of 10 total)
  • Plugin Author mc_nate


    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!


    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;

    Plugin Author mc_nate


    Hey Rob!

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


    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!

    Plugin Author mc_nate


    No worries, Rob!

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


    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!!!

    Plugin Author mc_nate


    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:

    And we get winking Freddie here:

    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!


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

    Plugin Author mc_nate


    Hey Stephanie,

    I answered your other thread, here:

    Let us know if we can help with anything else.

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘[Plugin: MailChimp List Subscribe Form] The easiest way to style this widget’ is closed to new replies.