Support

Home Forums Event Espresso Premium Wait List pop-up window customize

Wait List pop-up window customize

Posted: January 24, 2024 at 9:55 pm


Fastwinn

January 24, 2024 at 9:55 pm

Hi. The site is santaritaart.org. It is up-to-date on the latest version of EventEspresso, and the license is for everything. Two things I’m trying to resolve. I’ve tested the waitlist (Waitlist Manager Add-On) and it functions; all is visible on a standard PC monitor size. 1. I added .event_wait_list-hidden-inputs {position: relative !important; } to CSS. I now have a huge space between the pop-up window and the custom footer on mobile devices. I am using the Divi theme. Is this spacing something that I need to adjust, like margins or padding on the non-PC sizing? Or is there a different positioning I need in the CSS? 2. The elements on the pop-up window are also bland black-and-white. I’ve tried .event-wait-list {border: 2px solid #f5f5f5; background-color: #007494 !important; font-size: 18px; color: #ffffff; width: 70%; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; padding: 2px 2px; } and .event-wait-list-form {ditto elements;} but nothing’s altered. I tried using developer tools to find what this window is called so I can change some of that styling through CSS. I don’t want to change any of the wording, just the way it looks and where it shows up. Thanks!


Rio

  • Support Staff

January 24, 2024 at 11:21 pm

Can you send us the URL where i can see that pop-up? also, can you unblock us?
“Access from your area has been temporarily limited for security reasons.”

We may recommend what to do, but for coding and styling, you have to contact your web developer.

If you can also send us loom video about the problem/concern, that would help. https://loom.com/

thanks


Fastwinn

January 25, 2024 at 2:24 pm

Oh, sorry. URL is https://santaritaart.org/mini-workshops/ . The only event on that page has the waitlist active. I’ve unblocked the UK. Please let me know if you’re somewhere else. Thanks.


Rio

  • Support Staff

January 25, 2024 at 5:05 pm

Please unblock USA, UK and Philippines too.

thanks


Fastwinn

January 25, 2024 at 6:23 pm

I’d unblocked the UK, but maybe it was still cached. Unblocked Philippines and purged cache. Can’t block the USA; required to have my own country available. Thanks for your patience.


Fastwinn

January 25, 2024 at 6:24 pm

Oh, you should be able to see the USA stuff; it wasn’t blocked per the previous.


Tony

  • Support Staff

January 26, 2024 at 5:39 am

Hi there,

Just to confirm I understand what you are referring to, is it this space?

https://monosnap.com/file/Hecjp88m0Ika42ljWvPGUgbC0Q6A3o

The reason that’s happening is Divi has the footer set as static, I assume you’ve switched the waitlist to be relative so that when the waitlist form is displayed it’s not displayed under the static footer?

The simplest solution here is to not display the ticket selector at the bottom of the content so the form isn’t displayed right over the static element, would that work for you?

The elements on the pop-up window are also bland black-and-white.

To style those elements use this selector:

.event-wait-list-form input, 
.event-wait-list-form select {
    border: 2px solid #f5f5f5;
    background-color: #007494 !important;
    font-size: 18px;
    color: #ffffff;
    width: 70%;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    padding: 2px 2px;
}


Fastwinn

January 26, 2024 at 11:53 am

Hi Tony, Yes, that’s the space. Thank you for your simple solution. It looks great on the cell with that relative positioning removed. And bless you for the form name! My CSS works to adjust things. Please mark resolved, and thanks again.

The support post ‘Wait List pop-up window customize’ 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