Support

Home Forums Event Espresso Premium Registration form

Registration form

Posted: January 13, 2020 at 8:27 pm


topjosh

January 13, 2020 at 8:27 pm

Hello,

Im trying to make my registration form look like the one listed here:
https://demoee.org/use-cases/registration-checkout/?uts=1578973035#checkout

on my site its looking like this:
https://ssnyparties.com/registration-checkout/?uts=1578973159#checkout


Tony

  • Support Staff

January 14, 2020 at 4:17 am

Hi there,

Both of those links are based on your session so we can’t view them, when I click on either of the above I get ‘Nothing in your event queue’, which is expected.

Can you link me the event you are registering onto on each site and let me know the ticket sleection you are making so I can compare?


topjosh

January 14, 2020 at 7:17 pm

Maybe I can simplify my question.

How do I change the box sizes and the format of the registration page?

Thank you


Tony

  • Support Staff

January 15, 2020 at 1:42 am

That doesn’t really simplify your question 🙂

‘Boxes’ as in all inputs? Checkboxes?
Or boxes as in the the form sections?

‘Format’ as in what? Layout? Order?

If you can add a screenshot that shows the changes you want that may help, or provide the details requested above.


topjosh

January 15, 2020 at 8:18 pm

Ah.. My fault..

I’m able to change the type of inputs without an issue.

The formats that I am looking to change include:

Input 1 is the first name. it is a long skinny box without a border. I need to be able to change the size of the box and clean up the look.

Another input needs to be a big enough box where someone can input a paragraph.

Thank you!


Tony

  • Support Staff

January 16, 2020 at 6:40 am

Ok, so I’ll need to view the site as it sounds like your themes CSS is causing issues but it’s hard to say without viewing it.

Can you link me to a test event I can run a registration on?


topjosh

January 16, 2020 at 7:50 pm

Hello,

Here is the link:

https://ssnyparties.com/registration/test-event/


Tony

  • Support Staff

January 17, 2020 at 7:19 am

ah, I see.

So the problem is from your theme’s styles, EE applies minimal styling to most of the front end output and we do this to try and keep your registration process consistent with the rest of your site.

However, if the theme isn’t style inputs without using custom classes etc it can cause issues, for example your theme is setting all inputs appearance to none:

input[type="button"], input[type="reset"], input[type="submit"], button, input[type="text"], input[type="password"], textarea, input[type="email"], input[type="tel"], input[type="phone"], input[type="number"] {
    -webkit-appearance: none;
}

Then additional styles aren’t being applied to give those inputs some other kind of appearance on the page.

All of the EE registration questions have the CSS class .ee-reg-qstn with additional classes depending on the type of input, so you’ll need to add some custom CSS to fix this.

Input 1 is the first name. it is a long skinny box without a border. I need to be able to change the size of the box and clean up the look.

Are you comfortable creating you own CSS rules?

If not I can write some styles for you but you’ll need to more specific so I know what changes you need.

Another input needs to be a big enough box where someone can input a paragraph.

Would it not be better to change that input to a textarea?

Event Espresso -> Registration Form -> Questions -> {Question} -> Question Type.

Or am I misunderstand what you are trying to do?

You must be logged in to reply to this support post. Sign In or Register for an Account

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: publish

Updated by  Tony 3 days, 17 hours ago ago

Topic Tags

Notifications

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