Remove price from list view only

[tobak]

Hello.

I would like the price (cost) of an event to be displayed on that event’s own page (as it is now) but not in the list view. However, price is displayed using a single CSS class, and thus setting this to display: none will remove the price from every page. Is there a simple way to remove it from list view but not single event view?

[Cliff]

Hi Tobak.

This CSS snippet should be what you’re looking for:

body.post-type-archive-tribe_events.events-list .tribe-events-event-cost {
display: none;
}

You can add custom CSS code via your child theme’s style.css file or via a plugin like Simple Custom CSS or, my favorite, Jetpack. Jetpack supports regular CSS and the LESS and Sass pre-processors.

If you’re not a CSS expert, Jetpack’s Custom Design reference may prove helpful.

Please let me know how it goes for you.

[tobak]

Yes this works just fine. Thanks.

[Cliff]

I’m glad that worked for you. Have a great day!

[Author]

Posts