WordPress.org

Ready to get started?Download WordPress

Forums

MailChimp List Subscribe Form
The easiest way to style this widget (11 posts)

  1. sgodschalk
    Member
    Posted 2 years ago #

    The widget is in place in my side bar but the labels and entry text boxes are aligned justified left...just looks sloppy. What is the easiest way to add a little nicer styling to it. Can anyone help?

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

  2. mc_nate
    Member
    Posted 2 years ago #

    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

  3. RobThomas
    Member
    Posted 2 years ago #

    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;
    }
  4. mc_nate
    Member
    Posted 2 years ago #

    Hey Rob!

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

    Cheers

  5. RobThomas
    Member
    Posted 2 years ago #

    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!

  6. mc_nate
    Member
    Posted 2 years ago #

    No worries, Rob!

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

    Cheers

  7. stephanieh57
    Member
    Posted 2 years ago #

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

  8. mc_nate
    Member
    Posted 2 years ago #

    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:
    http://cl.ly/002y2t2l2w3P1F2S3I0t

    And we get winking Freddie here:
    http://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

  9. stephanieh57
    Member
    Posted 2 years ago #

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

  10. Sebastian Cork
    Member
    Posted 2 years ago #

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

  11. mc_nate
    Member
    Posted 2 years ago #

    Hey Stephanie,

    I answered your other thread, here:
    http://wordpress.org/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.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic

Tags