|
khumbulani
|
July 16, 2018 at 11:10 am
I would like to edit the registration checkout to display the current ticketing phase to be more prominent and attract attention to it boldly. How do I do this?
|
|
Josh
|
July 16, 2018 at 2:14 pm
Hi there,
You can go to your site’s Appearance > Customize page and add the following CSS (or similar) to the Additional CSS panel:
.active-step {
background-color: #e40588;
color: #fff;
border-radius: 20px;
}
.active-step h4,
.active-step span {
font-weight: bold;
}
|
|
khumbulani
|
July 16, 2018 at 3:07 pm
hi Josh, that didnt work, I meant the ticket selector page where a customer would be purchasing tickets. What we have done is to phase the ticketing as the event gets closer the tickets become more expensive, so we want to highlight the current (and not expired) ticket phase to be more prominent
see here
|
|
khumbulani
|
July 16, 2018 at 3:07 pm
see here
|
|
Tony
|
July 16, 2018 at 3:16 pm
Ok, so you have a couple of options for this.
Do you want to leave the expired and ‘upcoming’ tickets on view? You can just remove expired tickets from view and leave the upcoming, remove both the expired and upcoming tickets leaving only active, or simply highlight only the active ticket.
Which would you prefer?
|
|
khumbulani
|
July 16, 2018 at 3:23 pm
I would like to leave the expired and upcoming tickets in view, but highlight the active ticket thats currently on sale
|
|
Josh
|
July 16, 2018 at 9:07 pm
Oh I see, you want to change the look of the ticket selector to highlight the available ticket rows. I can give you a quick tip on how to change the text & background colors of the active ticket row(s), which might get you pointed in the right direction.
Add this to the Additional CSS panel:
.ticket-on-sale {
color: #e40588;
background-color: #efefef;
}
.ticket-on-sale .currency-code {
color: #e40588;
}
.ticket-on-sale a {
color: #555;
}
|
|
khumbulani
|
July 17, 2018 at 1:59 am
Fantastic! that did the trick, issue resolved!
|
