Support

Home Forums Event Espresso Premium Registration form – line up fields

Registration form – line up fields

Posted: August 29, 2013 at 1:18 am


Jennifer Benn

August 29, 2013 at 1:18 am

Hi. How can I get all the input fields to line up underneath each other?

http://jenbenn-photos.com/event-registration/?ee=1

Thx
Jenny


Dean

August 29, 2013 at 1:37 am

Something like this?

label { display: inline-block; width: 140px; text-align: right; }?

http://stackoverflow.com/questions/9686538/align-labels-in-form-next-to-input


Jennifer Benn

August 29, 2013 at 3:06 am

Awesome Dean! Now is there a way I can make the input fields wider?


Dean

August 29, 2013 at 4:05 am

Use CSS, line-height it this case:

input {
line-height: 50px; /* an extreme example */
}

You may need to target the CSS selector, as that will affect every input on the site.

The support post ‘Registration form – line up fields’ 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.

Support forum for Event Espresso 3 and Event Espresso 4.
Documentation for EE3 and EE4
Documentation for Event Espresso 3

Documentation for Event Espresso 4

Status: closed

Updated by  Dean 6 years, 3 months ago ago

Topic Tags

Notifications

This topic is: resolved
Do NOT follow this link or you will be banned from the site!