WordPress.org

Support

Support » Plugins and Hacks » MailChimp for WordPress » [Resolved] Customize Input Fields

[Resolved] Customize Input Fields

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Danny van Kooten

    @dvankooten

    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.

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

    Scott.

    Plugin Author Danny van Kooten

    @dvankooten

    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.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘[Resolved] Customize Input Fields’ is closed to new replies.
Skip to toolbar