|
Charu Chandiram
|
July 20, 2017 at 4:35 am
I have 3 tickets for an event and want to change the color of the text of the Early Bird ticket to red to make it stand out from the other tickets.
Example: “Early Bird – until Aug 31”
Is there a way to do this?
Thanks
|
|
Tony
|
July 20, 2017 at 9:22 am
Hi there,
On the ticket selector there is a class around the table row that is made up using ee-ticket-{ticket-name} (ticket name has spaces converted to dashes and any invalid char removed)
So in your example the ticket name is: Early Bird – until Aug 31
Meaning the CSS class would be: .ee-ticket-early-bird-until-aug-31
So then you can add some custom CSS to your theme style.css file or through Appearance -> Customize -> Additional CSS, such as:
.ee-ticket-early-bird-until-aug-31 {
color: red;
}
Note the above applies to ANY ticket with the same name.
|
|
Josh
|
July 20, 2017 at 9:25 am
You can change this by first getting the Ticket ID number for that ticket. You go to edit the event and in the Ticket editor section the first field is the ticket name, you’ll make a note of that ticket name. Then you go to the Appearance -> Customize section of the admin, and there is a tab labeled ‘Additional CSS’. If you go into the customizer, you can add some code like this to change the color of the specific ticket. Please paste the code between the dashed lines into the stylesheet:
—————————————-
.ee-ticket-early-bird-until-aug-31 strong {
color: red;
}
—————————————-
You’ll note that the selector starts with .ee-ticket- then appends the name of the ticket with dashes for each space. Please refer to this guide for more detailed information about the CSS customizer: https://codex.wordpress.org/CSS#Custom_CSS_in_WordPress
|
