Support

July 3, 2012 at 8:55 am

I would go with the top label idea. You’ll need to tweak a few things in the stylesheet, one being the label, and the other being the input:

.entry-content .event_questions input {
margin: 0 0 .5em 20px;
width: 90%
}


.event_espresso_form_wrapper label, .event_espresso_form_wrapper span.label {
display:block;
float: none;
margin-left: 10px;
padding-left: 10px;
position: relative;
width: 90%;
text-align: left;
}

Depending on the active theme (this idea was tested on the twentyeleven theme) you might need to tweak a few things. Also be sure to test this across a few browsers.

I would also recommend checking out the themeroller styles that we added to the latest versions of Event Espresso. They use top labels out of the box, so you wouldn’t need to make any customizations.