Windows 10 will reach EOS (end of support) on October 14, 2025. For more information, see this article.

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

Event background colours

  • 4 replies
  • 0 have this problem
  • 35 views
  • Last reply by Toad-Hall

more options

Hi everyone.

Hoping someone may be able to help. I see that other users are able to fully highlight the events in calendar. I seem to be only able to highlight 2/3's (see image)

Thanks in advance

Hi everyone. Hoping someone may be able to help. I see that other users are able to fully highlight the events in calendar. I seem to be only able to highlight 2/3's (see image) Thanks in advance
Attached screenshots

Chosen solution

Post an image of the code you currently have in the 'userChrome.css' file.

I'm using the following which works ok for week, multi-week and month even when I expand window to maximise. It will be similar to what you see on a 'day' setting, but that depends upon the width of window. For the window size I use, it never appears even in day setting. It depends upon the min-width - I've got 1000px.


/* CALENDAR  - set event colour instead of calendar colour */

.calendar-category-box{     margin:0 0 0 -200px !important;     min-width: 1000px !important;     }    
.alarm-icons-box,.reminder-icon{     margin:0 0 0 0!important;     }    
.event-name-label,.item-time-label,.alarm-icons-box,.reminder-icon{     z-index:100000!important;     }     
.calendar-item-flex{     padding:0!important;     }     
.calendar-month-day-box-list-item{     margin:0!important;     }     
.calendar-color-box{     border:none!important;     }      
.event-name-label{     white-space:break-spaces !important;     }    

Read this answer in context 👍 0

All Replies (4)

more options

Chosen Solution

Post an image of the code you currently have in the 'userChrome.css' file.

I'm using the following which works ok for week, multi-week and month even when I expand window to maximise. It will be similar to what you see on a 'day' setting, but that depends upon the width of window. For the window size I use, it never appears even in day setting. It depends upon the min-width - I've got 1000px.


/* CALENDAR  - set event colour instead of calendar colour */

.calendar-category-box{     margin:0 0 0 -200px !important;     min-width: 1000px !important;     }    
.alarm-icons-box,.reminder-icon{     margin:0 0 0 0!important;     }    
.event-name-label,.item-time-label,.alarm-icons-box,.reminder-icon{     z-index:100000!important;     }     
.calendar-item-flex{     padding:0!important;     }     
.calendar-month-day-box-list-item{     margin:0!important;     }     
.calendar-color-box{     border:none!important;     }      
.event-name-label{     white-space:break-spaces !important;     }    

Modified by Toad-Hall

Helpful?

more options

Many thanks for getting back to me. I really appreciate it. Please see below what was in my .css file in Chrome. I note that the only difference is the min-width: 200px (yours 1000px)

/* Calendar - set event category colour instead of calendar colour */

.calendar-category-box{ margin:0 0 0 -200px !important; min-width: 200px !important; } .alarm-icons-box,.reminder-icon{ margin:0 0 0 0!important; } .event-name-label,.item-time-label,.alarm-icons-box,.reminder-icon{ z-index:100000!important; } .calendar-item-flex{ padding:0!important; } .calendar-month-day-box-list-item{ margin:0!important; } .calendar-color-box{ border:none!important; } .event-name-label{ white-space:break-spaces !important; }

Helpful?

more options

So I have copied and pasted yours, and all works how I was wanting.

Many thanks for your help, it is very much appreciated.

Helpful?

more options

Good to hear all is ok. Would you be so kind to select my initial comment as the Chosen Solution as it helps the database to improve search for anyone needing a similar solution. I think it also helps when using google. Many thanks.

Helpful?

Ask a question

You must log in to your account to reply to posts. Please start a new question, if you do not have an account yet.