Hello how do I fix that calendar picker on mobile view? It looks like the buttons conflict with my WP css for buttons, can I turn them off in your calendar?
Hi @user21789
Could you please send me a link to the page where this widget is installed?
Yes. its here on mobile view Born
Thanks! I see that these styles get applied to the desktop version as well:
Would you like to completely disable them for the widget or just for the mobile view?
Thanks, I think I will disable color and overlap for all if its a problem. But if it can be fixed so it looks beautiful on all devices I will keep a color, but want to be able to control the color.
Okay! Please try to use this code in the Custom CSS field on the Style tab of your widget’s settings:
.global-styles,
.eapp-events-calendar-dates-calendarButtons {
gap: 10px;
}
.global-styles,
.eapp-events-calendar-dates-calendarButton {
margin: 0;
}
Check it out and let me know if you like the result
Thanks but nothing changes here on mobile
I am so sorry about that!
Our devs will double-check the code, and I’ll get back to you with the revised solution
There were brackets missing in the previous codes, that’s why our code didn’t work. We’ve added these brackets and now the issue is fixed now:
Thank you very much Max! it works now, but I think I will only keep today button and remove 3 others they take to much space. Is it possible with css?
I tried this code but it hides them all display: none !important;
I have also found a bug: when in “Numbers of events to display” I choose 10 and I have an event 30 days after, than when I use calendar picker choose the date 30 days after it will not show in the grid.
This code will help you display only the Today button:
.global-styles,
.eapp-events-calendar-dates-calendarButton:nth-last-of-type(-n+3) {
display: none;
}
In case you want to keep all buttons, but make them smaller or disable the website styles applied to these buttons, please let me know. Our devs will be happy to help!
Regarding the 2nd question, you’d like to display only 10 events in the Grid, but when using the Date filter, all events should be displayed, am I right?
Sorry but it does not work for me
Regarding the 2nd question. Yes
The styles from your 2nd widget didn’t let this code work correctly. We’ve adjusted them and now it seems to be fine:
As for the 2nd question, unfortunately, it’s impossible to do this now, but we have this idea on the Wishlist. Feel free to upvote it - Dynamic Display of Events with Flexible Filter Options
Great! thanks again
for the 2nd question it looks like a bug for me, but either that or load more will solve the problem
The thing is that with the way our widget works, the filters are applied to the events displayed in the widget. If you display only 10 closest event, only these 10 events can be filtered.
So, this is a standard behavior, not a bug. I hope this explains things.
However, you’re right, the Load More button for the Grid layout is just what you need to implement this idea. Hopefully the devs will be able to release it soon, and we’ll make sure to update you on the Wishlist thread
I got it thanks