Change current day header colour

Home Forums Calendar Products Events Calendar PRO Change current day header colour

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #935462
    Darryl
    Participant

    Can someone point me to where I could change the current day header colour.

    I assume it’s somewhere in wp-content/plugins/the-events-calendar/resources/events-admin.css

    As it is now, the colour of the current day (and the +EXPORT MONTH’s EVENTS/EXPORT DAYS’ EVENTS buttons) makes reading the date or text very difficult. Check it out: http://www.ottas.ca/calendar

    Thanks in advance.

    #935602
    Darryl
    Participant

    I had the wrong path as I am running Events Calendar Pro.

    I assume one of the css files under: wp-content/plugins/events-calendar-pro/resources/ will have the setting I need.

    Can anyone point out the correct entry to change the background colour for the current day and the EXPORT MONTHS EVENTS buttons (and the other buttons)?

    Thanks.

    #935749
    Brian
    Member

    Hi,

    Thanks for using our plugins. I can help you out here.

    The stylesheet will be coming from both the Events Calendar and Pro depending on the View.

    List, Month, and Single Events will be in the Events Calendar.

    Our themer’s guide has some information on creating your own stylesheets that might be useful to you:

    https://theeventscalendar.com/knowledgebase/themers-guide/

    You are using the Theme Stylehseet setting so the stylesheet is located here:

    the-events-calendar\resources\tribe-events-theme.css

    Please note on the front end we use the minifed version for all styles and scripts:

    the-events-calendar\resources\tribe-events-theme.min.css

    You also may want to look at our guide to using the Chrome Developer Console to help find the css selectors you are trying to change:

    Using Google Chrome Developer Tools

    Let me know if you have any follow up questions.

    Thanks

    #935770
    Darryl
    Participant

    Got it!

    Located the element in the-events-calendar\resources\tribe-events-theme.min.css:

    .tribe-events-calendar td.tribe-events-present div[id*=tribe-events-daynum-]>a{background-color:#F8FC72}

    Changed the background to the softer color above. 🙂

    Thanks for your help.

    Just an observation – why not include comments in the css to explain in plain language where these elements are being applied? Could reduce help desk questions. 🙂

    #935909
    Brian
    Member

    Thats for the tip, I will see why that was not done before.

    I am glad to see you were able to figure it out.

    I am going to go ahead and close this ticket. If you have a similar issue or another in the future, please do not hesitate to create a new ticket.

    Thanks!

Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Change current day header colour’ is closed to new replies.