Removing Remaining tickets from event

[silas burton]

Hello
I have done a little bit of digging on how to do this. i found some good info on the support page. i have tried to implement it but for some reason it’s not working.

I’m trying to remove the remaining tickets in my events.
I have used google developers console to find the code. Changed Block to None and got it to disappear as ide like.
I have copied the code.

.tribe-events-tickets .tribe-tickets-remaining {
color: #777;
display: block; Change to None
font-size: 11px;
}

I uploaded a child theme that came with Betheme. And activated it
Created the folder structure and betheme-Child\tribe-events\event-tickets and added a copy of
rsvp.min.css.
in Rsvp.min.css I found the code area for .tribe-events-tickets .tribe-tickets-remaining
I made these changes
tribe-tickets-remaining{color:#777;display:none!important;font-size:11px}
and also tried
tribe-tickets-remaining{color:#777;display:none;font-size:11px}
I cleared my temp internet files but still don’t see the change.

im not sure but do i need to tell the tickets plugin where to look for the child theme. ?
thanks for your help

[Barry]

Hi Silas,

Sounds like you have made a great start!

Overriding rsvp.min.css in this way is not supported, I’m afraid, but if all of your tickets are being added to events you could instead add your rules to tribe-events.css, ie:

betheme-Child/tribe-events/tribe-events.css

Alternatively, how about adding your custom CSS via the Appearance ‣ Customize ‣ Additional CSS option?

Let me know if that helps 🙂

[silas burton]

Hello thanks for the quick reply

i have added the code to the Additional css area.
after doing so i have not seen any changes. i opened Mozilla with a freshly cleared cache

i have followed ur instruction on creating a new css for tribe-events.css in the location above.
i created a blank css and add the code tribe-tickets-remaining{
color:#777;
display:none;
font-size:11px
}

any ideas what im doing wrong?

[Barry]

Hi Silas:

I see your custom tribe-events/tribe-events.css stylesheet is in place, but there’s a minor error:

tribe-tickets-remaining{
color:#777;
display:none;
font-size:11px
}

To be a valid selector, you need a dot immediately before the class name (with no spaces in-between), as follows:

.tribe-tickets-remaining {
    display: none;
}

Notice I removed the color and font-size rules – you can keep these if you like, but since we don’t want this element to display at all they are surplus 🙂

Does that help?

[silas burton]

so i have made the changes. but it still not working. i can see the child theme been applied. but google just crossing it out. i have tried to put !important behind it. with no luck.

thoughts

[silas burton]

screen

[Barry]

OK – can you try removing the ‘e’ at the end of ‘importante’? To clarify, try with the rule written like this:

.tribe-tickets-remaining {
    display: none !important;
}

[Support Droid]

Hey there! This thread has been pretty quiet for the last three weeks, so we’re going to go ahead and close it to avoid confusion with other topics. If you’re still looking for help with this, please do open a new thread, reference this one and we’d be more than happy to continue the conversation over there.

Thanks so much!
The Events Calendar Support Team

[Author]

Posts