Customize Input Fields

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.

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.