• Skip to primary navigation
  • Skip to content
  • Skip to primary sidebar
  • Skip to footer

❤ OrganicWeb

Australian Mailchimp Training Partners

  • Home
  • Services
    • Mailchimp Public Classes
      • Adelaide
      • Auckland
      • Brisbane
      • Melbourne
      • Online
      • Perth
      • Singapore
      • Sydney
      • Wellington
    • Mailchimp Corporate Training
    • Mailchimp Consulting
  • Blog
  • Contact & About
You are here: Home / WordPress / How to make the Mailchimp WordPress Plugin look better

How to make the Mailchimp WordPress Plugin look better

August 20, 2012 by Gary 12 Comments

Mailchimp monkey logoI love the Mailchimp newsletter service and set up alot of Mailchimp sign-up forms on WordPress Websites. I also help a lot of people to automatically have their Blog Posts/Articles sent as newsletters (all totally automated and saves a tonne of time). Mailchimp is the best newsletter service not only because it’s free for most users, but also because it’s reliable, has so many features and has much help available.

How to add a Mailchimp subscribe form to WordPress

Setting up a Mailchimp sign-up form on a WordPress Website or Blog is as simple as installing and activating the Mailchimp List Subscribe Form WordPress Plugin, changing a few settings and adding the form into a widget area.

Once installed and active in a widget area, the layout of the form doesn’t look great, the field labels are to the left of the input field meaning that alignment of the fields doesn’t look professional.

How to make your WordPress Mailchimp form look better

Shows the WordPress Mailchimp subscribe form after adding the CSSLuckily this is really easily fixed by inserting the following css into the active Theme style.css file

.mc_var_label {display:block;clear:both;}
#mc-indicates-required {font-size:10px;padding-bottom:10px;}
.mc_interest{padding-bottom:10px;}

Your Mailchimp subscribe form should now look alot better 🙂

Found this useful? Please share:

  • Click to share on Facebook (Opens in new window)
  • Click to share on LinkedIn (Opens in new window)
  • Click to share on Twitter (Opens in new window)
  • Click to share on Reddit (Opens in new window)
  • More
  • Click to email this to a friend (Opens in new window)

Related

Filed Under: WordPress Tagged With: code, CSS, how to, mailchimp, WordPress, wordpress plugins

Contact Gary now

Email: [email protected] Telephone: (+61) 04 1092 3445

Gary from OrganicWeb
  • This field is for validation purposes and should be left unchanged.

What our clients have to say

Gary totally blew my mind with the possibilities available & how they can work for my business specifically."
Kim, Brisbane
Great facilitator and ensured the whole class was happy and competent at the end of the session."
Natalie, Sydney
Don't waste time looking anywhere else - contact Gary today, you won't be disappointed."
Evelyne, Sydney
He is knowledgeable and gifted on the in's and out's of Mailchimp and email campaigns. I highly recommend him! He will make your efforts count!"
Fred, Melbourne
I highly recommend anyone seeking information on how to use Mailchimp to attend one of Gary's expert workshops."
Beverley, Gold Coast
I was constantly updated by email with progress of the work, which was completed to my total satisfaction. Highly recommendable company."
Harry, London

Learn Mailchimp

Attend one of our classes and learn the tips and tricks to incredible results using Mailchimp
Learn More

Comments

  1. Marina (@daily_pa) says

    August 23, 2012 at 8:27 am

    Thanks Gary, but what do you mean by ‘insert’ into the CSS/

    I just did that … right at the end of the file just before: /* Always remember to compress your live stylesheet and keep an uncompressed backup */ … and it made no difference at all. Do I need to place your code somewhere specific within the CSS.

    Also, I would love to hear more about how you automate blog posts into Mail Chimp newsletters.

    Thanks so much for your very useful blog.

    Cheers

    Reply
    • Gary Eckstein says

      August 23, 2012 at 8:50 am

      Hi Marina,

      Try the following in your CSS:

      .mc_var_label {display:block !important;clear:both !important;} #mc-indicates-required {font-size:10px !important;padding-bottom:10px !important;} .mc_interest{padding-bottom:10px !important;}

      As for Automating Blog to Mailchimp, see http://kb.mailchimp.com/article/what-is-an-rss-to-email-campaign-and-how-to-i-set-one-up

      Reply
  2. Mark Botter says

    May 9, 2013 at 11:14 pm

    Hey Gary, thanks for the tips!
    I styled my form to my commands but i get the “Preferred Format” tags underneed it. Do you know how to remove those?

    Thanks Gery, you have nice tuts!

    Reply
    • Gary says

      May 10, 2013 at 9:11 am

      Hi Mark, I like your Site 🙂 Your form is looking o.k. to me. Have you managed to resolve the problem?

      Reply
      • Mark Botter says

        May 10, 2013 at 4:39 pm

        Hey Gary, Thanks! I havent managed all of my prolblems just jet. I’m talking about this part:

        Preferred Format:
        – HTML
        – Text
        – Mobile

        Do you know how to delete those from my mailchimp form?

        Thanks!

        Reply
        • Gary says

          May 11, 2013 at 4:22 pm

          Hi Mark,
          I know that within Mailchimp itself you may choose to enable just HTML or else HTML & Text etc. Perhaps make the change in Mailchimp?

          Reply
  3. Julian Baamonde says

    September 15, 2013 at 12:38 pm

    Thank you very much for your tip. I just cut&paste your code in my Child Thme and it works without a glitch!

    Reply
    • Gary says

      September 16, 2013 at 7:42 am

      Glad it helped 🙂

      Reply
  4. Sunil says

    April 27, 2015 at 8:29 pm

    Hi,
    I want to use a query in salesforce which will select only those leads or contacts which are modified today. Can you please tell me How to accomplish this?

    Reply
    • Gary says

      September 21, 2015 at 1:44 pm

      Sure. Contact me via the contact form and I’ll provide a cost.

      Reply
  5. Elizabeth says

    July 17, 2015 at 6:09 am

    I am unsure as to how adding this code will affect the appearance of the optin box.
    I added it as you explained. and no change. cleared my cache thinking it might be that but still looks the same.

    Am I missing the point. Not a coder nor a developer … I’m just wingin’ it here.

    thanks for any help

    Reply
    • Gary says

      July 21, 2015 at 2:37 pm

      @Elizabeth, it seems like the IDs have changed in the HTML. Let me know what areas you want changed and the form URL and I’ll try to help.

      Reply

Leave a Reply Cancel reply

Want Mailchimp Training?

Gary now offers his Mailchimp class online. Learn from a Mailchimp Partner

Learn Mailchimp

Australian Mailchimp Partners

What our clients say

"Gary was awesome! He has a fantastic way of making everything rather simple and straightforward. I definitely left with a lot more knowledge, confidence and ideas than when I walked in. Thanks Gary!" Fiona

Australian Mailchimp Classes

Want to learn Mailchimp?

See Dates

Meet Gary, Mailchimp Expert

Gary Eckstein is listed by Mailchimp as an Expert.

Gary is a Mailchimp Expert and Partner. He delivers Mailchimp training and consulting services in Australia. Gary presents at Mailchimp events and hosts the first, and only, Australian Mailchimp sponsored event.

Contact Gary for your Mailchimp needs

READY TO GET STARTED?

Contact Gary today to get started with Mailchimp consulting, training or integrations.

Get in touch!

Copyright © 2019 · Sitemap · ABN: 40800872179 · Privacy Policy · Terms of Service

loading Cancel
Post was not sent - check your email addresses!
Email check failed, please try again
Sorry, your blog cannot share posts by email.