WordPress.org

Forums

MailChimp List Subscribe Form
Help with MailChimp code (3 posts)

  1. turndogmillionaire
    Member
    Posted 3 years ago #

    Hi all

    I was helped at mailchimp live chat, but they also gave me this forum for some further tips. I think i'm early there, but have a question (something simple i'm sure) i can't quite work out

    There are two parts:

    1 - I want to centre the 'Join Team Turndog' text. I tried doing this with the <centre> tags, but it made the text small, revert to something other than courier, and non bold. So, how can i centre it whilst keeping the current size and font?

    2 - I would like to have the email strip (where you place the email) go across the entire box, so it sits flush. I think this will make it look more neat, which is important for someone with a bit of OCD :)

    Any help from you would be amazing

    Matt

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

  2. turndogmillionaire
    Member
    Posted 3 years ago #

    oh, and my site is http://www.turndogmillionaire.com

    cheers

  3. mc_nate
    Member
    Posted 3 years ago #

    Hey there!

    We had a peek at the site, but were unable to find the specific text that you mentioned.

    However, for the second question, that's definitely possible. Because the "Email Address" label is kind of long, you might want to do away with that entirely or add it in the actual text box. While that's not something we support directly, here's the quick hack on how to add that:

    http://wordpress.org/support/topic/plugin-mailchimp-list-subscribe-form-request-add-placeholder-text-for-mailchimp-widget?replies=8

    In order to actually hide the field, you'd want to add something like this to your site's CSS:

    #mc_signup_form .mc_var_label {
    display: none;
    }

    That will give you this look:
    http://cl.ly/2M3k2V0M1T081b391R0Y (Screenshot)

    Then you can float the input box to the left a little, which will bring the submit button up on the same line using this:

    #mc_signup_form .mc_input {
    float: left;
    }

    And giving you this:
    http://cl.ly/2T2Y163S170P1Z3V1T2o (Screenshot)

    Of course, you'll have to do some fine-tuning to get things looking exactly right, but that should get you headed in the right direction. :)

    Let us know if we can help with anything else!

    Cheers

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic

Tags