Support

Home Forums Event Espresso Premium Registration Form Drop Down Color

Registration Form Drop Down Color

Posted: October 24, 2023 at 11:10 am


ixexotics

October 24, 2023 at 11:10 am

Hello, how can I adjust the background color on the registration form in event espresso. I have drop-downs in form plugins on other pages that have a black background but on the registration page for an event the drop down options are a white background with white font so it looks empty until you hover over a selection. Ideally would like a black background in the dropdown choices.

Link Below:

https://lamborghiniclubhouston.com/registration-checkout/?uts=1698167227#checkout

Thanks


Tony

  • Support Staff

October 24, 2023 at 1:51 pm

Hi there,

Can you link me to one of the pages using the other dropdowns so I can check where the styles ae coming from an match those?

From what I can tell you need something like this:

#ee-single-page-checkout-dv option,
.ticket-selector-tbl-qty-slct option {
    background-color: #000;
}

Add that to Appearance -> Customize -> Additional CSS.


ixexotics

October 24, 2023 at 4:31 pm

The contact form has a drop down that works perfectly.

https://lamborghiniclubhouston.com/contact/


ixexotics

October 24, 2023 at 4:38 pm

That code didn’t change anything when I entered it. The areas affected are the ticket selector table on the event page, then on the register page the state and vehicle make drop downs.


Tony

  • Support Staff

October 24, 2023 at 5:22 pm

The contact form has a drop down that works perfectly.

Yeah those have specific CSS targeting those forms to fix them.

That code didn’t change anything when I entered it.

Is it still set within the above? Where did you save it on the site? I can’t see it loading on the pages.

The areas affected are the ticket selector table on the event page, then on the register page the state and vehicle make drop downs.

Yeah, that’s exactly where those 2 selectors target.


ixexotics

October 24, 2023 at 5:54 pm

It is now, I tried it and it didn’t work so I removed it before. But I just placed it in there (Appearance>Customize>Additional CSS) and am leaving it.


Tony

  • Support Staff

October 24, 2023 at 6:50 pm

The media query right above that new code you’ve just added hasn’t been closed.

Add } right above that code I gave you above, so that section should be something like this:


.wp-video {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.ticket-selector-submit-btn-wrap {
    float: none;
    display: flex;
    justify-content: center;
}

@media (max-width: 640px) {
    .event-tickets {
        margin: auto -20px; 
    }
    .event-tickets table tbody tr td {
        padding-left: 0; 
        padding-right: 0; 
        font-size: .75em; 
    }
    .tckt-slctr-tbl-td-name a {
        display: block;
    }

    .tkt-slctr-tbl-wrap-dv tr td {
        padding: 1em 0 1em .5em;
        white-space: normal;
    }
    .tkt-slctr-tbl-wrap-dv tr td.tckt-slctr-tbl-td-price  {
        padding: 1em 0;
    }
    .tkt-slctr-tbl {
        table-layout: fixed;
    }
    input.ee-ical-sbmt {
        display: none;
    }
}

#ee-single-page-checkout-dv option,
.ticket-selector-tbl-qty-slct option {
    background-color: #000;
}


ixexotics

October 24, 2023 at 6:59 pm

That fixed it! Thank you so much.


Tony

  • Support Staff

October 24, 2023 at 7:01 pm

You’re most welcome.

Any further issues just let us know.


Rio

  • Support Staff

October 24, 2023 at 7:10 pm

Are you referring to this?
https://monosnap.com/file/Hv5pYixzukqSSOYFBZ1hq48J15iUtB

You can change that by using this.

select.ticket-selector-tbl-qty-slct option {
    color: #000;
}

It will be look like this.
https://monosnap.com/file/mz2Pm6R7oge4SQYKaGzHeB1kYaMMit

If it didn’t work, don’t remove the code and will look if you have to put !important on it.

Thanks

The support post ‘Registration Form Drop Down Color’ 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