Support

Home Forums Event Espresso Premium Width of Question Label

Width of Question Label

Posted: July 2, 2012 at 7:02 pm

Viewing 1 reply thread


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

  • Support Staff

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.

Viewing 1 reply thread

The support post ‘Width of Question Label’ is closed to new replies.

Have a question about this support post? Create a new support post in our support forums and include a link to this existing support post so we can help you.

Event Espresso