Styling Recurring Events on Individual Event Page

Home Forums Calendar Products Events Calendar PRO Styling Recurring Events on Individual Event Page

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1128088
    Erin Muck
    Participant

    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/

    #1128319
    Andras
    Keymaster

    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

    #1129483
    Erin Muck
    Participant

    This is perfect, thank you so much!

    #1129743
    Andras
    Keymaster

    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!

Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Styling Recurring Events on Individual Event Page’ is closed to new replies.