|
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
-
This topic was modified 4 years, 2 months ago by
 topjosh.
-
This topic was modified 4 years, 1 month ago by
 Garth.
|
|
Tony
|
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
|
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
|
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
|
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?
|
