|
PTA Education
|
November 30, 2014 at 4:29 pm
Hi,
http://www.ptacademy.com.au/event-registration/?ee=12
On the event registration page shown above, currently the personal info and address info fields are displayed vertically. I’d like them to be shown side by side. I mean two columns for both info. Just want to make the form shorter.
However, i couldn’t find anywhere in the registration_display.php and registration_page.php to edit it.
Thanks for your help in advance.
Cheers
Patrick
|
|
Tony
|
December 1, 2014 at 4:00 am
Hi Patrick,
The registration forms are dynamically created so the best way to do this would be using CSS.
As a quick example, adding some custom styles such as:
.event_espresso_form_wrapper fieldset {
float: left;
margin: 1em;
}
.event_questions label {
text-align: left;
}
Output the registration form like this – http://take.ms/OmkAU
Which obviously will still need a little tweaking to look how you prefer but shows how to get the fieldsets side by side. However you will want to check on multiple devices and add styles accordingly.
We recommend using either the My Custom CSS or Reaktiv CSS Builder plugins to add custom styles such as these.
|
