tribe_events_event_schedule_details

[Marguerite Esmonde]

I would like to style my single event pages so that the date, times and cost look different from each other. I could do this except that the span called “.tribe-event-date-start” also encompasses the start time, like below:

<div class="tribe-events-schedule tribe-clearfix">

<span class="tribe-event-date-start">January 25, 2018 @ 12:00 pm</span>
-
<span class="tribe-event-time">2:00 pm</span>

<span class="tribe-events-cost">$20.00</span>
</div>

I want to wrap the start time i the same span ad the ending time, so my html would like like this:

<div class="tribe-events-schedule tribe-clearfix">

<span class="tribe-event-date-start">January 25, 2018</span>
<span class="tribe-event-time"> @ 12:00 pm - 2:00 pm</span>

<span class="tribe-events-cost">$20.00</span>
</div>

I found tribe_events_event_schedule_details in general.php, but can’t figure out how to get it to do what I want because I am not a programmer.

Can anyone give me some direction on how to get my code to do this? Thanks very much.

[Jaime Marchwinski]

Hi Marguerite,

Thanks so much for reaching out!

Just to let you know, we are limited by our Support Policy in how much we can help with customizations, but I will try to point you in the right direction.

I think the easiest way to style the elements different would be to target each span class and use some CSS to style things the way you want.  You can add this right to the WordPress Customizer or to your theme’s stylesheet.  For example:

.tribe-event-date-start {
color:red;
}
You can find these classes by using Google Chrome Developer Tools:

https://theeventscalendar.com/knowledgebase/using-google-chrome-developer-tools/

In addition, this article can give you a good idea about how to use the WordPress Customizer to customize the plugin:

https://theeventscalendar.com/knowledgebase/wordpress-customizer/

Let me know how it goes!

 

Thanks,

Jaime

[Support Droid]

Hey there! This thread has been pretty quiet for the last three weeks, so we’re going to go ahead and close it to avoid confusion with other topics. If you’re still looking for help with this, please do open a new thread, reference this one and we’d be more than happy to continue the conversation over there.

Thanks so much!
The Events Calendar Support Team

[Author]

Posts