Support

Home Forums Translations How do I make column for event questions wider so that question fits on 1 line?

How do I make column for event questions wider so that question fits on 1 line?

Posted: December 11, 2012 at 11:26 am


womenalive

December 11, 2012 at 11:26 am

When I enter registration questions for events (such as selecting a breakout session topic), the questions are in a narrow column on the left, rather than stretching out across the page. This means that even a fairly short question often goes onto 2-3 lines in a narrow left column with the answer box beside it on the right, rather than being one line across the page with the answer box beneath it.

Is there a way to change this format so that it is more user-friendly for our registrants? Thank you!


Dean

December 11, 2012 at 11:46 pm

Hi

This is most likely a CSS issue with the theme.

Can you provide a link to your site/the page in question so I can see exactly what the issue is?

Thanks


womenalive

December 12, 2012 at 7:13 am

Here is the event page link, with the registration questions at the bottom of the page:
http://www.womenalive.org/events/event-registration/?regevent_action=register&event_id=11&name_of_event=Waterloo%20Annual%20Conference%3A%20Women%20Alive%2040th%20Anniversary

Thanks for your help!


debuneko

December 12, 2012 at 9:42 am

I removed the “width: 150px;” property from the below refrenced css style sheet line 82. I think thats what your looking for.

Hope that helps?

espresso/templates/event_espresso_style.css?ver=3.5

.event_espresso_form_wrapper label, .event_espresso_form_wrapper span.label {
margin-right: 10px;
padding-right: 10px;
width: 150px;delete or change this
display: block;
float: left;
text-align: right;
position: relative;
}


Dean

December 12, 2012 at 11:38 pm

Hi,

I would agree with denueko, changing that width will get you in the direction you want to go.

Add this to the themes style.css

.event_espresso_form_wrapper label, .event_espresso_form_wrapper span.label {
width: 230px !important;
}

You can change the figure to anything you want.

One thing though. As the screen width of the content area is quite narrow (620px) and the wording of the labels and the dropdown content are both quite long, you may struggle to get it to look neat without editing the template file to add line breaks in.

The support post ‘How do I make column for event questions wider so that question fits on 1 line?’ 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.

Status: closed

Updated by  Dean 8 years, 2 months ago ago

Topic Tags

Tagged: 

Notifications

This topic is: not resolved
Do NOT follow this link or you will be banned from the site!