WordPress.org

Ready to get started?Download WordPress

Forums

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

  1. SGtech
    Member
    Posted 7 months 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 7 months 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 7 months 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 7 months 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.

Reply

You must log in to post.

About this Plugin

About this Topic