Changing Colour of Event names

Home Forums HRM Changing Colour of Event names


This topic contains 1 reply, has 2 voices, and was last updated by  Mehedi Hasan 6 months, 2 weeks ago.

  • Author
  • #37115

    [email protected]

    Hi there,

    Has anyone come across any difficulties when trying to change the CSS values for the event names?
    It looks like by default the even names are #FFF on coloured background depending on the type (e.g public holidays are orange with white font). However, Staff Leave is white on a light grey background which makes it very hard to read.

    I have tried updating the classes in the WordPress Customise area (CSS)
    .fc-event, .fc-event:hover, .ui-widget .fc-event {
    color: #000;
    text-decoration: none;

    Also tried changing .fc-content and with !important into the CSS class without any luck.

    Any ideas?



  • #37125

    Mehedi Hasan

    Hello @chris

    The CSS should be like:

    .fc-day-grid-event .fc-h-event .fc-event .fc-start .fc-end {
    background-color: #FF5354;
    border-color: #FF5354;

    Change the color as per your needs.

    Note: It's better to insert the custom CSS on your theme or child theme CSS file.


You must be logged in to reply to this topic.