Customize Event Calendar filters

Ask the Community Customization
1

Hey, this doesn’t seem to work for me. I tried it with no other css code and still nothing.

2

Thanks for bringing this to our attention, @Rev_Devan :+1:

I’ve updated the code:

.es-filter-button-button  {
background-color: red;
}

Give it a try and let me know if it worked :slightly_smiling_face:

3

Right it does work but I suppose I was hoping it changed the color of the filter “pop up” background also. have a code for that?

4

Could you please specify the name of your Event Calendar, where you’d like to apply this change?

5

Grid

6

Thanks! Here is the code to change the background color of the filter popup:

global-styles,
.es-modal-content {
  background-color: gray;
}