|
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:
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
|
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
|
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?
|
