|
Maisha Walker
|
March 10, 2014 at 7:50 pm
We added a question to our event registration that requires several radio buttons. The buttons appear in a single-column vertical list. We would like the buttons to be in a two column vertical list. Where would we go to edit how the radio buttons display?
|
|
Lorenzo Orlando Caum
|
March 10, 2014 at 7:56 pm
Hello,
I’m not sure I understand what you are trying to do. Are you trying to change how the radio buttons are aligned?
Could you link to a page where I can see the radio buttons?
—
Lorenzo
|
|
Maisha Walker
|
March 10, 2014 at 8:23 pm
Yes – we are trying to change the alignment. Here is a link to a screenshot:
http://awesomescreenshot.com/0892gyvlbd
Look at the “Company revenue” radio buttons and the “May we promote you” radio buttons.
Instead of:
button
button
button
button
We would like:
button button
button button
|
|
Lorenzo Orlando Caum
|
March 10, 2014 at 9:38 pm
Is there a page link available?
—
Lorenzo
|
|
Maisha Walker
|
March 11, 2014 at 8:51 am
Hello Lorenzo,
I provided a link to a screenshot where you can see the page. Would prefer not to post a link to the Web site.
|
|
Lorenzo Orlando Caum
|
March 11, 2014 at 9:04 am
Hello,
Could you send the link to the following email:
support@eventespresso.com
Thank you.
—
Lorenzo
|
|
Maisha Walker
|
March 11, 2014 at 9:38 am
Thanks – I just sent the email with the subject “Radio button layout”.
|
|
Lorenzo Orlando Caum
|
March 11, 2014 at 10:08 am
Thank you. I’ve responded with a solution. Please let me know if it helps.
—
Lorenzo
|
|
Maisha Walker
|
March 11, 2014 at 10:21 am
Thank you, Lorenzo! We are able to insert the CSS directly – but we’re having trouble figuring out which file do we insert it into that controls the layout of the form fields/radio buttons?
|
|
Lorenzo Orlando Caum
|
March 11, 2014 at 10:36 am
You can inspect an element on a page with a tool like Firebug or Chrome Developer Tools.
It will tell you the file and line number for the styling that is in use.
|
|
Lorenzo Orlando Caum
|
March 11, 2014 at 10:45 am
Hello again,
I misread your last response. That styling was pulled from a core CSS file. I recommend adding it to a plugin like My Custom CSS so that your edits are not lost on a future software update.
https://wordpress.org/plugins/my-custom-css/
Does that make sense?
—
Lorenzo
|
|
Maisha Walker
|
March 11, 2014 at 12:38 pm
Hi Lorenzo – thanks! We’re using a separate custom CSS file to ensure that our CSS changes aren’t lost with future updates! The fix worked for the radio buttons. We’re looking to do something similar with the fields. We’d like to have them listed next to each other instead of in a vertical list. What is the easiest way to do this?
Here’s an example.
Instead of:
First Name <input field>
Last Name <input field>
We’d like:
First Name Last Name
<input field> <input field>
|
|
Josh
|
March 12, 2014 at 12:36 pm
Hi Maisha,
That might get a little tricky because depending on your WP theme, you’ll need to set a width for the #event_espresso_registration_form container, then set the questions to take up about 50% of that width, then float the questions. There’s some example code in this guide you can try here:
https://eventespresso.com/forums/2010/10/questions-in-two-columns/
|
