Styling Recurring Events on Individual Event Page

[Erin Muck]

Dear Support,

On the individual event page, there are 3 lines of text at the top of the page:

TITLE: Mobile Health Center – Medford
DATE: June 9 @ 1:00 pm – 5:00 pm
RECURRING: | Recurring Event (See all)

I would like to fix this Recurring line. Can I hide the “|”? It doesn’t make sense here.

Can I make the text smaller? It’s too big. I cannot pinpoint the exact CSS that affects the size.

http://laclinica.scarabmedia.com/event/mobile-health-center-medford/2016-06-09/

[Andras]

Hey Erin,

Thanks for getting in touch. Let me help you with that CSS.

If you want to make the date smaller, then paste this in your theme’s style.css and change the font-size to your liking:
.tribe-events-schedule h2 {
font-size: 2.6rem;
}
For the Recurring line, this:
.single-tribe_events .tribe-events-schedule .recurringinfo {
font-size: 1em;
}
And to make that | disappear, add this:
.single-tribe_events .tribe-events-schedule .tribe-events-divider {
display: none;
}
Let me know if this answers your questions. 🙂

Cheers,
Andras

[Erin Muck]

This is perfect, thank you so much!

[Andras]

Hi Erin,

I’m stoked to hear it helped!

Since this is marked resolved I am going to close this ticket, but if you need anything else related to this topic or another please post a new topic on the forum and we can help you out.

Cheers,
Andras

PS: If you like our plugin, we would be happy to receive a review in the wordpress.org repository. Thanks!

[Author]

Posts