Hiding Form Fields

Last updated on Thursday, November 17th, 2011

These instructions are intended for those who are proficient in theme development. The relevant tutorials on developing & customising themes can be found on wordpress.org. Further CSS resources be found at CSS Tutorials and Learning CSS

If this is beyond you, we do offer a competitively-priced theme development service starting at £33 per hour. Please contact us for further details.

The following CSS will hide all form fields except for the submit button when using the Twenty Ten theme, the default CSS that ships with eShop and the shortcode [eshop_list_subpages panels='yes' form='yes'].

Add it to the bottom of your theme’s stylesheet but bear in mind that this may overwrite your own theme’s CSS, so use with care.

form.eshop.addtocart legend,
form.eshop.addtocart .echeckbox,
form.eshop.addtocart ul,
form.eshop.addtocart select,
form.eshop.addtocart label{
	display:none;
}

form.eshop.addtocart fieldset{
	border:0;
	background:transparent;
}
form.eshop.addtocart .buttom{
	margin: 0 auto;
}

WordPress Installation and Set Up

Top