Support

Home Forums Event Espresso Premium Hiding previous and next event in an event details page

Hiding previous and next event in an event details page

Posted: November 3, 2015 at 9:15 am


Khalid Joharji

November 3, 2015 at 9:15 am

Dear support,

when you open an event page details (example: http://pdc-gd.com/eventsss/lssgbpipa/ )

when you scroll down all the way to the end of the page, you will find two links for the previous event and the next event in pink.

I would like to hide these links from all events listed in my website. how can i do that?

Thank you


Lorenzo Orlando Caum

  • Support Staff

November 3, 2015 at 9:43 am

Hello again Khalid,

You can inspect any element on a page using a free tool like Chrome Developer Tools (available with Google Chrome) or Firebug (available as a web browser extension).

This will show you the CSS that is handling the styling including the file and line number. Then you can add new styling to your child theme’s stylesheet or via a plugin that adds an additional stylesheet to your WordPress site such as Simple Custom CSS or Reaktiv CSS Builder.

Try this CSS to hide the previous and next links:

.single-espresso_events nav.navigation.post-navigation { display:none; }

Then refresh the page to see the changes.

You may find this tutorial helpful should you need to hide anything else on your Event Espresso pages:

https://eventespresso.com/wiki/hide-certain-elements-event-espresso-pages-using-css/


Lorenzo

The support post ‘Hiding previous and next event in an event details page’ is closed to new replies.

Have a question about this support post? Create a new support post in our support forums and include a link to this existing support post so we can help you.

Event Espresso