Change color for displaying date for event

  • Michael Phan
  • Topic Author
  • Offline
  • New Member
  • New Member
More
7 years 1 month ago #111664 by Michael Phan
Change color for displaying date for event was created by Michael Phan
How do i change the color of the date so it will show up on my page. My background is white and the font for the display on the event is also white. I need to change it to a different color sho it will show up. Attach is an example of what I am talking about.

Thanks
Attachments:

Please Log in or Create an account to join the conversation.

More
7 years 1 month ago #111665 by James Riley
Replied by James Riley on topic Change color for displaying date for event
To customize your chosen You just need to add a few lines of CSS to the Custom CSS box in [ Event Booking -> Configuration -> Custom CSS tab ] to make the change (optional: link to documentation ).


Here's the Custom CSS that you'll need. I've made the circle fill green (#70B742 -- same color as your titles) and left the text white (#FFFFFF).
Code:
.eb-event-date { color:#FFFFFF; background-color:#70B742; border-color: #70B742; }
To change the colors to fit what you want, use an existing color value from your site (or use a tool like htmlcolorcodes.com/color-picker/ ) and replace the appropriate #XXXXXX value for that property.

James Riley .: EventBooking user since 2014 ::: JoomDonation user since 2016 :.
.: grfx & web design / IT / AV @ St. Therese Institute of Faith and Mission, Bruno, SK, Canada :.
The following user(s) said Thank You: Tuan Pham Ngoc

Please Log in or Create an account to join the conversation.

  • Michael Phan
  • Topic Author
  • Offline
  • New Member
  • New Member
More
7 years 1 month ago #111666 by Michael Phan
Replied by Michael Phan on topic Change color for displaying date for event
Thanks that worked.

Please Log in or Create an account to join the conversation.

Moderators: Tuan Pham Ngoc