Support

Home Forums Event Espresso Premium Registration Form Styling

Registration Form Styling

Posted: May 2, 2018 at 5:44 pm


mchoffy

May 2, 2018 at 5:44 pm

We would like to style the registration form input fields. The form text fields extend across the page and we would like shorter fields. Is there a way to do this easily?


Josh

  • Support Staff

May 2, 2018 at 8:19 pm

Hi there,

Generally for registration form is styled by your WordPress theme. If you WordPress theme has options for changing html form styles, then that would be one option. If you can post a link to the event page, we can give you a CSS snippet that will make the fields shorter. The snippet can be added to your site’s Appearance > Customize > Additional CSS panel.


mchoffy

May 3, 2018 at 2:08 pm

Hi Josh,

Here is the URL to the registration form.
http://staging.52-219consulting.com/registration-checkout?uts=1525377989#checkout

Thanks,

Michael


Josh

  • Support Staff

May 3, 2018 at 2:39 pm

Hi Michael,

You can add the following to your site’s Appearance → Customize → Additional CSS panel:

.spco-step-dv form {
 max-width: 600px;
 margin: 0 auto;
}

The support post ‘Registration Form Styling’ 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  Josh 3 months, 2 weeks ago ago

Topic Tags

Notifications

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