Support

Home Forums Event Espresso Premium Removing date, time, and venue from a single event page

Removing date, time, and venue from a single event page

Posted: November 13, 2015 at 10:37 am


TWS SFBay

November 13, 2015 at 10:37 am

Hello! I’ve searched the forums and haven’t found a solution to the issue I’m having, so I thought I’d ask directly. I am trying to remove the date, time, and venue from just one event (it’s for chapter membership, so it’s open all the time – there is no date, time, or venue associated with it).

I was able to hide these things on the checkout page with the following code:

<style>.start_date, .event_time, .event_address {display:none;}</style>

That works just fine, but the date and time are still visible on the original event page:

Time and date shown at bottom; this is what I want to remove

I feel like maybe this is related to iCal function, but I can’t quite figure out what code could remove it. Help, please?


Tony

  • Support Staff

November 13, 2015 at 10:47 am

Hi Wendy,

If your theme is using the body_class() feature the single event will have a class that has the Event id, meanin you can wreite CSS that will target that specific event.

Can you link me to the event so I can take a look please?


TWS SFBay

November 13, 2015 at 11:02 am

Hi Tony,

Here’s a link to the page in question:

http://tws-west.org/sfbay/events/join-the-wildlife-society/

Thanks a bunch!

~ Wendy


Tony

  • Support Staff

November 13, 2015 at 11:18 am

Your theme does indeed use the body_class() and adds the post ID to the single posts.

I’ll show you how you can find this so you can do his again if needed, although please feel free to post up if you get stuck as we are more than happy to help 🙂

Opening up that page with Chrome you can use Chrome Dev Tools (Options -> More tools -> Developer tools)

On the page find your opening tag, there you will find multiple classes that WP adds to the body – http://take.ms/gUC1R

Notice the postid-xxx class? That’s sepific for that post.

So if you want to hide details on a specific event (events are posts) you can use that class to target it, so for example lets say you want to remove the datetime section:

.postid-1364 .event-datetimes {
display: none;
} 

Want to remove the date details from the ‘show details’ section of the ticket selector:

.postid-1364 .tckt-slctr-tkt-sale-dates-sctn {
display: none;
}

Or maybe just remove the ‘show details’ link completely for this event:

.postid-1364 .display-tckt-slctr-tkt-details {
    display: none;
}

Eventually you could end up with something like this – http://take.ms/t7Glx

Does that help?

The support post ‘Removing date, time, and venue from a single event 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.

Support forum for Event Espresso 3 and Event Espresso 4.
Documentation for EE3 and EE4
Documentation for Event Espresso 3

Documentation for Event Espresso 4

Status: closed

Updated by  Tony 4 years ago ago

Topic Tags

Notifications

This topic is: not resolved
Do NOT follow this link or you will be banned from the site!