|
pbittinger
|
July 2, 2012 at 7:02 pm
I am using the built in ee_boxes_fluid2 stylesheet for my events. The space for the question label is very narrow, so most questions take 3 or 4 lines to display and are hard to read. Is there a way to make the width for the question label wider, or put it on a separate line above the question input box?
I looked on ee_boxes_fluid2.css, but I don’t see where to change this? Thanks.
|
|
Josh
|
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.
|
