|
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
|
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
|
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
|
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
|
October 24, 2023 at 7:01 pm
You’re most welcome.
Any further issues just let us know.
|
|
Rio
|
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
|
