WordPress.org

Forums

MailChimp for WordPress
[resolved] Customize Input Fields (4 posts)

  1. SGtech
    Member
    Posted 1 year ago #

    Hi there,

    Can you tell me how to customize the length of the input fields and put them on the same line? Right now I am just asking for First Name and Email address and I would like the side by side.

    Thanks!

    Scott.

    http://wordpress.org/plugins/mailchimp-for-wp/

  2. Danny van Kooten
    Member
    Plugin Author

    Posted 1 year ago #

    Hi Scott,

    There is no sure-fire way to do this due to how every theme handles their form element styling differently but something like this should do the trick..

    Form mark-up

    <p>
    <input type="text" name="FNAME" class="width-50 first" />
    <input type="email" name="EMAIL" class="width-50" />
    </p>
    <p>
    <input type="submit" value="Subscribe" />
    </p>

    CSS

    input.width-50{
    	box-sizing:border-box;
    	width:50%;
    	margin-right:0;
    	margin-left:0;
    	display:inline-block;
    }
    
    input.width-50.first{
    	width:48%;
    	margin-right:2%;
    }

    Hope that pushes you off in the right direction! Will write a more detailed tutorial on it anytime soon.

  3. SGtech
    Member
    Posted 1 year ago #

    Thanks for the speedy reply Danny. Which CSS file do I edit to make those changes?

    Scott.

  4. Danny van Kooten
    Member
    Plugin Author

    Posted 1 year ago #

    Hi Scott,

    The best thing would be to add this to your theme its style.css file (with the Theme Editor under Appearance > Editor for example). This way, updating the plugin won't overwrite your changes.

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • MailChimp for WordPress
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic