WordPress.org

Support

Support » Plugins and Hacks » MailChimp List Subscribe Form » Phone field not displaying correctly

Phone field not displaying correctly

Viewing 4 replies - 1 through 4 (of 4 total)
  • 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

    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.

    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.

    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!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Phone field not displaying correctly’ is closed to new replies.
Skip to toolbar