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 15 replies - 1 through 15 (of 19 total) 1 [2](https://wordpress.org/support/topic/filter-css/page/2/?output_format=md) [→](https://wordpress.org/support/topic/filter-css/page/2/?output_format=md) * Plugin Author [michielve](https://wordpress.org/support/users/michielve/) * (@michielve) * [6 years, 1 month ago](https://wordpress.org/support/topic/filter-css/#post-12772088) * Hi, * It’s not possible to change it to a dropdown menu. With the filter you can select one or more calendars, and I’m not sure that a dropdown menu is the appropriate user interface element for this functionality. * You can change the CSS of the filter by overriding the “pgc-calendar-filter-wrapper” class (wrapper DIV) and the label and span elements in it. For example: * ``` .pgc-calendar-filter-wrapper { background-color:gold; padding:1rem; } .pgc-calendar-filter-wrapper label { font-family: Arial; color: orangered; } .pgc-calendar-filter-wrapper span { border-radius:.2rem; padding:.4rem; } ``` * Best wishes, Michiel * Thread Starter [minaazer](https://wordpress.org/support/users/minaazer/) * (@minaazer) * [6 years, 1 month ago](https://wordpress.org/support/topic/filter-css/#post-12773546) * Thank you so much, this was very helpful. I am wondering if there is a document that contains all the css classes associated with the calendar… such as what you just sent me for the filter. ie if i want to style the events themselves or other things. * Also i an issue in the listDay view in my widget where it doesn’t display the last event of the day… * Thank you for all your help. This plugin is amazing. * Plugin Author [michielve](https://wordpress.org/support/users/michielve/) * (@michielve) * [6 years, 1 month ago](https://wordpress.org/support/topic/filter-css/#post-12775304) * Hi, * Glad I could help. * If you can send me the URL of the page where you have this listDay issue, I can have a look. * Best wishes, Michiel * Thread Starter [minaazer](https://wordpress.org/support/users/minaazer/) * (@minaazer) * [6 years, 1 month ago](https://wordpress.org/support/topic/filter-css/#post-12777972) * [http://www.minasidhom.com](http://www.minasidhom.com) * Bottom right. * And if you can send me the names of the different css classes or where I can find them. Thank you so much. * Plugin Author [michielve](https://wordpress.org/support/users/michielve/) * (@michielve) * [6 years, 1 month ago](https://wordpress.org/support/topic/filter-css/#post-12778653) * I looked at the calendar on your website and I think it’s a timezone issue. Maybe you can solve this by setting the “timeZone” property on your widget in the “ FullCalendar JSON config” textfield: * `"timeZone": "America/New_York"` * Or maybe another timezone in your case. * A full example: * ``` { "header": { "left": "dayGridMonth,timeGridWeek,listWeek", "center": "title", "right": "today prev,next" }, "timeZone": "America/New_York" } ``` * Regarding the CSS classes: when I have time I’ll add them to the plugin page at [https://blog.michielvaneerd.nl/private-google-calendars/](https://blog.michielvaneerd.nl/private-google-calendars/). If you want to look them up now, you can use the inspector console in your browser( F12 or rightclick and choose “Inspect”). * Thread Starter [minaazer](https://wordpress.org/support/users/minaazer/) * (@minaazer) * [6 years, 1 month ago](https://wordpress.org/support/topic/filter-css/#post-12785615) * Thank you, * I added the timezone code but that didn’t work. It seems to be eliminating the last event, so on days with just one event for example, it shows no events at all. * Plugin Author [michielve](https://wordpress.org/support/users/michielve/) * (@michielve) * [6 years, 1 month ago](https://wordpress.org/support/topic/filter-css/#post-12785979) * Hi, * Sorry to hear it didn’t work. * If I look to your website for today I see “May 5, 2020” and I can see that the following 2 events are downloaded (but not displayed in the calendar): * St Mary Ladies Meeting start: 2020-05-04T19:00:00-04:00 end: 2020-05-04T20:30: 00-04:00 * Deaconate Class start: 2020-05-04T20:00:00-04:00 end: 2020-05-04T21:00:00-04: 00 * If I go to the previous day, both events are displayed a short time and then only the St Mary Ladies Meeting remains visible but the Deaconate Class disappears. * I’m not sure what is the cause of this. I’ll investigate this in the near future. * Best wishes, Michiel * Plugin Author [michielve](https://wordpress.org/support/users/michielve/) * (@michielve) * [6 years ago](https://wordpress.org/support/topic/filter-css/#post-12801868) * Hi, * I’ve looked into this a little more and I see correct results if I add the “timeZone” to the widget. Are you sure you have an uppercase “Z” in the “timeZone”? Without it, it won’t work. * So in your case: * “timeZone”: “America/New_York” * Michiel * Thread Starter [minaazer](https://wordpress.org/support/users/minaazer/) * (@minaazer) * [6 years ago](https://wordpress.org/support/topic/filter-css/#post-12802306) * Thank you for looking into it. I am not sure where the error is. I have timezone the way you explained. here is a screenshot of my widget settings * [Screenshot](https://drive.google.com/file/d/1IJ-lj-AoQk48nj3gVcRY1RQAvKR4Jf6f/view?usp=sharing) * Thank you so much for all your help * Plugin Author [michielve](https://wordpress.org/support/users/michielve/) * (@michielve) * [6 years ago](https://wordpress.org/support/topic/filter-css/#post-12802715) * I searched on the internet for similar issues, and it’s maybe related to the FullCalendar link. If you start the calendar in dayList view, not all events are displayed. * I made a test page with the calendars you are using, see: * [https://blog.michielvaneerd.nl/calendar-test/](https://blog.michielvaneerd.nl/calendar-test/) * This calendar starts out in month-view and now more events are displayed. Maybe you can have a look if you now see all events? * Thread Starter [minaazer](https://wordpress.org/support/users/minaazer/) * (@minaazer) * [6 years ago](https://wordpress.org/support/topic/filter-css/#post-12804173) * yes, i changed it to listWeek and other default views and it works fine and loads everything even when i switch to listDay after initial load in another view, it works fine… but listDay doesn’t work as a default view. * I am lost. * Plugin Author [michielve](https://wordpress.org/support/users/michielve/) * (@michielve) * [6 years ago](https://wordpress.org/support/topic/filter-css/#post-12806299) * Thanks for trying out, we’re getting closer! * I’ve made a new release (v20200511) of the plugin and it may be solved now. * Plugin Author [michielve](https://wordpress.org/support/users/michielve/) * (@michielve) * [6 years ago](https://wordpress.org/support/topic/filter-css/#post-12806468) * FYI: I’ve made another release v20200512 that corrected another timezone issue. * Thread Starter [minaazer](https://wordpress.org/support/users/minaazer/) * (@minaazer) * [6 years ago](https://wordpress.org/support/topic/filter-css/#post-12809092) * the latest release fixed the problem. thank you so much. * Thread Starter [minaazer](https://wordpress.org/support/users/minaazer/) * (@minaazer) * [6 years ago](https://wordpress.org/support/topic/filter-css/#post-12818146) * 2 more questions: * Is there a way to change the check marks in the filter into X’s instead. Is there a way to place the filter in the footer and add a title to it that says filter * Thank you so much Viewing 15 replies - 1 through 15 (of 19 total) 1 [2](https://wordpress.org/support/topic/filter-css/page/2/?output_format=md) [→](https://wordpress.org/support/topic/filter-css/page/2/?output_format=md) 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