Home › Forums › Calendar Products › Events Calendar PRO › Change current day header colour
- This topic has 4 replies, 2 voices, and was last updated 11 years, 3 months ago by
Brian.
-
AuthorPosts
-
January 20, 2015 at 6:38 pm #935462
Darryl
ParticipantCan 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.
January 21, 2015 at 5:56 am #935602Darryl
ParticipantI 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.
January 21, 2015 at 9:20 am #935749Brian
MemberHi,
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:
Let me know if you have any follow up questions.
Thanks
January 21, 2015 at 10:09 am #935770Darryl
ParticipantGot 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. 🙂
January 21, 2015 at 2:54 pm #935909Brian
MemberThats 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!
-
AuthorPosts
- The topic ‘Change current day header colour’ is closed to new replies.
