Title: Filter CSS
Last modified: May 3, 2020

---

# Filter CSS

 *  Resolved [minaazer](https://wordpress.org/support/users/minaazer/)
 * (@minaazer)
 * [6 years, 1 month ago](https://wordpress.org/support/topic/filter-css/)
 * Is there a way to style the filter differently… Can it be changed to a drop down
   menu

Viewing 4 replies - 16 through 19 (of 19 total)

[←](https://wordpress.org/support/topic/filter-css/?output_format=md) [1](https://wordpress.org/support/topic/filter-css/?output_format=md)
2

 *  Plugin Author [michielve](https://wordpress.org/support/users/michielve/)
 * (@michielve)
 * [6 years ago](https://wordpress.org/support/topic/filter-css/page/2/#post-12819211)
 * It’s currently not possible to change the placement of the filter, but that may
   be good new option to add. When I have time I will look into this.
 * You can add the following CSS to change the check mark into a X:
 *     ```
       .pgc-calendar-filter input[type=checkbox] + label span:before {
       	content: "✗"
       }
       ```
   
 *  Plugin Author [michielve](https://wordpress.org/support/users/michielve/)
 * (@michielve)
 * [6 years ago](https://wordpress.org/support/topic/filter-css/page/2/#post-12834827)
 * Hi,
 * With the new release it’s possible to show the filter at the top or bottom.
 * See [this page](https://blog.michielvaneerd.nl/private-google-calendars/#Filtering_and%20popup)
   for destails.
 * Best,
    Michiel
 *  Thread Starter [minaazer](https://wordpress.org/support/users/minaazer/)
 * (@minaazer)
 * [6 years ago](https://wordpress.org/support/topic/filter-css/page/2/#post-12840582)
 * Hi, the update is amazing.
    I have one more question, In the dayGridMonth view,
   is there a way to decrease the padding around the events so that more of the 
   even text is viewed inside the box… I tried figuring out what css class it is
   from the full calendar documentation but couldn’t
 *  Plugin Author [michielve](https://wordpress.org/support/users/michielve/)
 * (@michielve)
 * [6 years ago](https://wordpress.org/support/topic/filter-css/page/2/#post-12843507)
 * On my site I don’t have any padding, so I think it has to do something with the
   theme you are using.
 * If I look into the developer console, I see that the paddings for the daygridmonth
   view are set on the “fc-day-grid-event” class, so maybe you can do something 
   like this:
 *     ```
       .fc-day-grid-event {
         padding:0;
       }
       ```
   
 * But as I said, in my case this padding is already set to 0 and 1px.

Viewing 4 replies - 16 through 19 (of 19 total)

[←](https://wordpress.org/support/topic/filter-css/?output_format=md) [1](https://wordpress.org/support/topic/filter-css/?output_format=md)
2

The topic ‘Filter CSS’ is closed to new replies.

 * ![](https://ps.w.org/private-google-calendars/assets/icon-256x256.png?rev=2203549)
 * [Private Google Calendars](https://wordpress.org/plugins/private-google-calendars/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/private-google-calendars/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/private-google-calendars/)
 * [Active Topics](https://wordpress.org/support/plugin/private-google-calendars/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/private-google-calendars/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/private-google-calendars/reviews/)

 * 19 replies
 * 2 participants
 * Last reply from: [michielve](https://wordpress.org/support/users/michielve/)
 * Last activity: [6 years ago](https://wordpress.org/support/topic/filter-css/page/2/#post-12843507)
 * Status: resolved