List of CSS Classes

  • Resolved praisehim

    (@praisehim)


    2 years, 1 month ago

    Hi there, is there a link/page within the documentation that shows us all the CSS classes that we can use to style our calendars please? I understand that you cannot provide customization support, so I’d like to know what the CSS classes are to be able to write my own small CSS edits here and there.

    Specifically, I’m looking to change the hover on the event page buttons.

    Any directions would be most appreciated. Thank you.

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Plugin Author Gustavo Bordoni

    (@bordoni)

    2 years, 1 month ago

    Hi @praisehim,

    Thanks so much for reaching out with this question, first I am going to send you a link to our documentation on how our CSS classes are structured:

    https://theeventscalendar.com/knowledgebase/k/customizing-css/#Class_naming_and_CSS_structure

    Most of our buttons have tribe-common-c-btn class attached to them. You will want to add some specificity to the CSS rules so they can apply only on the correct places but that is one of the classes you can use.

    Now if you are talking about the Event Title:
    tribe-events-calendar-list__event-title-link would be your class for the list view. And on the other views you might have tribe-events-calendar-month__event-title-link or tribe-events-calendar-day__event-title-link

    Hopefully that clarifies a bit on what should be used.

    best Regards,

Viewing 1 replies (of 1 total)
  • The topic ‘List of CSS Classes’ is closed to new replies.