Support

Home Forums Event Espresso Premium Customizing the Registration Form

Customizing the Registration Form

Posted: December 27, 2014 at 6:17 pm


Angel Wasserman

December 27, 2014 at 6:17 pm

I’m trying to edit the registration form to show the input labels above the input fields. I seem to be having a terrible time figuring this out, and was hoping you would be able to point me in the right direction on editing the CSS, or a specific custom file.

So far:

  • I’ve tried adding display: inline-block to the input and label, with no effect.
  • I’ve scoured the registration_page and registration_page_display for some hint of how I can add breaks and/or custom divs to the questions so I can use float styles on some questions (think 2 drop downs beside each other vs. on separate lines).

Thanks in advance for any help


Dean

December 29, 2014 at 2:46 am

Hi,

This CSS should do it:

label.ee-reg-page-questions {
width: 100%;
}

That CSS can be added to your themes style.css, though in order to preserve the CSS through theme updates we recommend adding it to either: a child themes style.css, your themes CSS options if it has any, or a plugin such as My Custom CSS.


Angel Wasserman

December 30, 2014 at 7:21 pm

Awesome.. perfect.. thank you!

I had to add a text-align:left; to get it to look right, but was exactly what I was looking for!

The support post ‘Customizing the Registration Form’ 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.

Event Espresso