|
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.
|
