|
Elizabeth Solomon
|
January 20, 2014 at 9:21 pm
I have added additional questions a set in a question group, but when looking at the form, they are restricted to a narrow column on the left hand side of the page. I’ve reviewed some other responses, but being a novice, I can’t understand how to correct this problem, as I can’t seem to find the appropriate line in the template to fix this. Thanks!
|
|
Dean
|
January 21, 2014 at 12:53 am
Hi Elizabeth,
It’s hard to say without seeing a form as an example, but usually this is due to the theme having specific CSS styles that control the width.
If you can supply a link, I can take a look and hopefully point you in the direction of a resolution.
|
|
Elizabeth Solomon
|
January 21, 2014 at 9:17 am
Thanks Dean….here is a link to the registration page – as you can see all the additional/travel questions are lined up on the left side of the page, making it difficult to read! http://alcesconference.org/event-registration/?ee=1
Liz
|
|
Joel Igene
|
January 21, 2014 at 9:37 am
Same thing happens in my site…was about to post it here too
|
|
Joel Igene
|
January 21, 2014 at 10:16 am
Here is mine: http://rccgnayasm.org/event-registration/?ee=2
|
|
Sidney Harrell
|
January 21, 2014 at 3:04 pm
Try adding this to your css:
.event_espresso_form_wrapper div.single-radio label {
width: inherit;
}
.event_espresso_form_wrapper div.multi-checkbox label {
width: inherit;
}
I would recommend using the my-custom-css plugin.
|
|
Elizabeth Solomon
|
January 21, 2014 at 3:39 pm
I will check out the plugin – thanks. Where (which template?) does that code go into exactly? I haven’t done much with editing css before…
|
|
Sidney Harrell
|
January 21, 2014 at 3:54 pm
With the my-custom-css plugin, it gives you an area in the admin where you can copy that css into. The plugin will then add the css to the pages. That’s what makes it highly recommended. You can add css without having to edit any files. Be careful copying and pasting from the forums, however, as the forum software will leave in those line numbers above. You’ll have to edit the line numbers out once you’ve pasted the css into the plugin text editor.
|
|
Ronald Aoki
|
January 21, 2014 at 8:58 pm
Hello, Sidney.
Your CSS worked for my Terms and Conditions check box question on my registration page via the My Custom CSS plugin–not squished to the left anymore. Thank you!
Regards.
<code>.event_espresso_form_wrapper div.single-radio label {
width: inherit;
}
.event_espresso_form_wrapper div.multi-checkbox label {
width: inherit;
}</code>
|
|
Ronald Aoki
|
January 21, 2014 at 9:06 pm
Sorry, disregard the and .
|
|
Ronald Aoki
|
January 21, 2014 at 9:07 pm
the open code and close code.
|
|
Elizabeth Solomon
|
January 21, 2014 at 10:05 pm
Thank you for the instructions! that fixed all the checkboxes and radio buttons. is there another line I can add to fix the text boxes as well? Everything else has been corrected, but the text boxes are still forced on the left column.
|
|
Dean
|
January 22, 2014 at 12:59 am
Hi,
You could use
.event_espresso_form_wrapper label, .event_espresso_form_wrapper span.label {
width: 100% !important;
}
This will result in the questions looking like this http://take.ms/NYcNP
|
|
Elizabeth Solomon
|
January 22, 2014 at 10:33 pm
Thank you – it appears all the question are now aligned across the page better!
|
|
Dean
|
January 23, 2014 at 2:59 am
You’re welcome!
|
