how to change TUniCalendarPanel cell background color

[charles13115255]

Hi~ expert:

I have a question, as shown in the red box in the attached picture...

How to make this effect.

please help!

thank you so munch~

https://imgur.com/a/lpFAzPt

[Sherzod]

Hello,

Maybe you should try this?

CustomCSS ->

.x-calendar-weeks-weekend-cell {
    background-color: #e9f0ff;
}

 

[charles13115255]

21 hours ago, Sherzod said:

Hello,

Maybe you should try this?

CustomCSS ->

.x-calendar-weeks-weekend-cell {
    background-color: #e9f0ff;
}

 

Hi~~ Sir,

thank you for your answer....

but,

This approach will make Saturday and Sunday the same color...
Can I specify one color for Saturday and another color for Sunday?

thanks again.

have a nice day~ 

[Sherzod]

Hello,

39 minutes ago, charles13115255 said:

Can I specify one color for Saturday and another color for Sunday?

Okay, you can try this approach:

1. CustomCSS ->

.x-calendar-weeks-weekend-cell {
    background-color: #e9f0ff;
}

2. CustomCSS ->

/* "Saturday" */
td.x-calendar-weeks-weekend-cell:nth-last-child(2) {
    background-color: #e9f0ee;
}
/* "Sunday" */
td.x-calendar-weeks-weekend-cell:nth-last-child(1) {
    background-color: #e9f0ff;
}

Result:

* - But of course this solution is for MonthView

[charles13115255]

On 11/10/2023 at 2:54 PM, Sherzod said:

Hello,

Okay, you can try this approach:

2. CustomCSS ->

/* "Saturday" */
td.x-calendar-weeks-weekend-cell:nth-last-child(2) {
    background-color: #e9f0ee;
}
/* "Sunday" */
td.x-calendar-weeks-weekend-cell:nth-last-child(1) {
    background-color: #e9f0ff;
}

Result:

* - But of course this solution is for MonthView

 

morning~ 

very well thank you~

best regards.