The Events Calendar Title and date details

Support
#1

Hi,
I’m using the events calendar plugin by Modern Tribe. It works really well with xtheme but I was wondering if there was a way I could change the font size of the title and the date details at the top of a specific event. Currently, the title is quite small and the date details are quite a bit larger. Ideally I would like to control what size each is, but if I could at least invert the sizes that would be great (and decrease the gap between the 2). Here is a link to a sample event to show what I mean. http://www.surfingturtlelodge.com/event/pirate-night/2017-08-17/

Thanks,

Renzo

#2

Hi Renzo,

Please add the following code to theme options CSS

.single-tribe_events #tribe-events-content .tribe-events-event-meta dt {
 
    font-size: 23px;
}

#tribe-events-content .tribe-events-abbr {

    font-size: 15px;
    color: cadetblue;
}

#tribe-events-content a {
font-size: 15px;
}

Hope it helps!

#3

Hi Joao,
Thanks for the code but it didn’t make any changes to the title and date sizes. Please let me know if there is anything else I can do. I’m not sure if the fact that they are reoccurring events makes a difference.

Thank you,

Renzo.

#4

Hey Renzo,

Please make sue of this code instead:

.single-tribe_events .tribe-events-single-event-title {
    font-size: 34px;
}

.single-tribe_events .tribe-events-schedule h2 {
    margin-top: 0;
    font-size: 20px;
}

Please let us know how it goes.

#5

Worked perfectly. Thanks guys.

#6

You’re welcome.