We would like to be able to reduce the height of the calendar widget in slider layout to something like half of viewport height. Is this possible with Custom CSS?
We did try this, but it did not appear to work.
@media (max-width: 940px) {
.global-styles, .eapp-slider-slider-slider {
height: 60vh!important;
}
}
The widget is on a secured web portal, so we can’t share a link to the page.
Happy to see new faces around here! Welcome 
I’ve shared your request with our dev team and will get back to you once the solution is provided 
Here is the code you can use:
.global-styles, .eapp-events-calendar-slider-item-inner {
height: 100px;
}
Just add it to the Custom CSS field on the Appearance tab of your widget’s settings and let me know if it helped
Thank you! Height adjustment works great, but now we have the date and the event details running into each other. Is there something I can adjust on my end or is there more custom code needed?
Could you please share a link to the page where your widget is installed?
Unfortunately, it is a secured web portal, so we can’t share a link to the page.
Got you!
I’ll check it with our devs and will get back to you once any news come up
Thank you for waiting @user4125!
Please try to use this code and let me know if it worked for you:
.global-styles, .eapp-events-calendar-slider-item-inner {
height: 150px;
}
.global-styles,
.eapp-events-calendar-slider-item-info {
padding: 0 0 20px 90px!important;
}
That works very nicely, thank you!
No sweat 