Hide cost on even pages

[rachel]

Is there a way to hide all prices on the individual event pages? We have a few discounted tickets that are hidden from public view in our store but those discounted hidden prices are pulling into the main event page.

[George]

Hey @Rachel,

Thanks for reaching out. If you want to hide that cost information from your single-event details, you can do that by adding CSS like the following to the bottom of your theme’s style.css file:


.tribe-events-meta-group.tribe-events-meta-group-details dt:nth-of-type(3) {
display: none !important;
}

dd.tribe-events-event-cost {
display: none !important;
}

I hope this helps!
George

[rachel]

This custom code worked but it is also pulling “hidden” ticket info from the store as well. We have discounted tickets that are hidden from our store and accessible only through direct link. But the ticket plugin is pulling that data into the individual event pages. Is there a way to remove that information as well through css?

[George]

Interesting! There is a way to hide that with CSS, but since that is unique to your site (i.e., I do not have those “hidden prices” or anything), and we cannot help with design tweaks and such, you will have to implement that CSS on your own.

If you need to write custom CSS on your site, definitely check out a [free!] tool like Firebug if you use FireFox, or the Developer Tools for either Safari or Chrome. They have “Inspector” tools that let you zoom right over the element you want to hide, so it should be very helpful here.

I hope this information helps! If there is a specific page I can look at where the “hidden ticket costs” are showing, then please share the link to this page, or to where I can “fake” purchase some tickets to see that image in the cart your posted.

I can assist with this remaining CSS tweak if you can share a link to let me see it firsthand, then hand the reins back over to you.

— George

[rachel]

I looked through the knowledgebase and support threads but can’t find any information about hiding the ticket information on the individual event pages. What is the css code to hide ticket or just the ticket price information at the bottom of the event pages? See attached screen shot.

[George]

I can assist with this remaining CSS tweak if you can share a link to let me see it firsthand then hand the reins back over to you.

Writing custom CSS is not something we can help with, and so it is not covered in the knowledgebase because it is not a service we provide.

Thank you,
George

[rachel]

It is the ticket cost information at the bottom of the event pages. Here is one of the pages.

https://integrativewellnessacademy.com/event/iwlc-training-nyc-june/

[George]

Thank you; the only way to hide those prices would be to add CSS like the following to the bottom of your theme’s style.css file:


table.tribe-events-tickets td.tickets_price {
display: none !important;
}

We cannot help with design tweaks and code customizations and the like, so you will have to take the reins from here on any further refinements and customizations.

I hope this information was helpful, though—and if you do need to make further modifications, please check out the tools I mentioned above. They make the process much easier.

Best of luck with your design and your project,
George

[Support Droid]

This topic has not been active for quite some time and will now be closed.

If you still need assistance please simply open a new topic (linking to this one if necessary)
and one of the team will be only too happy to help.

[Author]

Posts