WordPress.org

Ready to get started?Download WordPress

Forums

MailChimp List Subscribe Form
Phone field not displaying correctly (5 posts)

  1. williamandhill
    Member
    Posted 1 year ago #

    I have installed the short code for the mailchimp plugin and made some basic custom modifications. However, the phone field will not display correctly.

    Here is a link to show the problem visually...
    http://www.williamandhill.com/wp/newsletter-2/

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

  2. mc_tak
    Member
    Posted 1 year ago #

    Hey there,

    Thanks for posting. It looks like the issue is related to the width that's set on some of your input fields (they're all set to 206px + a bit of padding). This is ultimately causing your phone number field to go to the next line, and I believe the desire is to have them on one line.

    If this is the case, you should be able to do this by setting the width of your form's phone input fields directly. The plugin's signup form applies a special class called mc_phone, which you can target and set the width of to get the desired look. Here's the bit of CSS you'll want to add:

    .mc_phone {
    width: 100px;
    }

    And change the 100px to whatever value you'd like.

    If you have any questions, feel free to let us know!

    -tk

  3. williamandhill
    Member
    Posted 1 year ago #

    Thank you for the reply. Unfortunately, I'm not sure which plugin file I am supposed to add the code to.

    I am in the plugin editor and have selected mailchimp from the drop down. My assumption is its the mailchimp.php file. I'm just not sure where to insert the code. Sorry if this is an obvious and basic task. It's kind of my first rodeo in this area. Thanks again.

  4. williamandhill
    Member
    Posted 1 year ago #

    I tried it and it worked! Thanks. Any advice on how to eliminate the padding issue...especially with my last 3 questions. Thanks again for your help.

  5. mc_tak
    Member
    Posted 1 year ago #

    Hey there,

    Glad to hear you were able to get those styles working for ya. In regards to your last post, about padding, can you elaborate a bit in the specific spacing you're looking to add? In looking at your site right now, I only see the one question field ("Where would you like the territory located?"). Could you point me to the specific fields you want to target and what kind of spacing you'd like?

    If you're looking to investigate on your end, I'd recommend using something like Firebug or the inspect element tool in Chrome to identify what elements need to be targeted by your CSS code, then just add it to the same place you added the code from my first reply.

    Look forward to hearing back!

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic