Styling the Calendar

  • Resolved RL

    (@yofazza)


    2 years, 5 months ago

    Dear Plugin Developers,

    I’m attempting to style the Calendar.

    A quick question.

    https://theeventscalendar.com/knowledgebase/k/styling-month-view/

    General styling class
    The following is a general class that can be used to style any date on the month view grid, whether it’s past, present, or current.

    I’m following the sample, but why changing border-color in .tribe-events-calendar-month__day-cell class in my theme’s style.css has no effect?

    We’re using the latest versions and V2 Views.

    Thank you.

    • This topic was modified 2 years, 5 months ago by RL.
    • This topic was modified 2 years, 5 months ago by RL.

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

Viewing 4 replies - 1 through 4 (of 4 total)

  • As you haven’t had a repy yet…

    The documentation shows the general principles but your best guide is to learn to use the browsers F12 Inspector for adjusting CSS.

    It will show you your CSS code in action an whether or not it is active or has been overidden by higher priority code – as is the case here I think.

    If the code you are inputting has a lower priority than existing code and there are two ways of changing this.

    .tribe-events-calendar-month__day-cell {border: 1px solid red !important;}

    The use of ‘important’ is OK but a better approach is to look for what is overidding your code and to use the same CSS selectors.

    .tribe-events .tribe-events-calendar-month__day-cell {border: 1px solid red;}

    Plugin Support Abz

    (@abzlevelup)

    Hi, @yofazza thanks for reaching out to us. @jim5471 is correct about setting the !important to override the property of the class. Please do try it out and see if that makes a difference.

    You can check our Themer’s Guide to learn more about implementing CSS customization → https://theeventscalendar.com/knowledgebase/knowledgebase-category/customizing/.

    Looking forward to helping you further.

    Best,
    Abz

    Thread Starter RL

    (@yofazza)

    Hello,

    I see, thank you very much to both of you.

    Plugin Support Abz

    (@abzlevelup)

    Hi @yofazza, that’s awesome. If you have time to review, that would be amazing https://www.ads-software.com/support/plugin/the-events-calendar/reviews/.

    Have a great day.

    Best,
    Abz

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Styling the Calendar’ is closed to new replies.

Tags