Widget is too tall with new Simple Calendar

Hi you can try this:

.simcal-default-calendar-grid>table {
    height: 250px; // You change this to be the height you want
}

Let me know if that does the trick.

I have the same issue. Tried your suggestion but it makes no difference at all.

Any other ideas?

Thanks!

Hi, try this:

.simcal-default-calendar-grid .simcal-event-title { font-size: 0.8em!important; }
.simcal-default-calendar-grid .simcal-events-dots { margin: -10% 0px ! important; min-height: 0px !important}
.simcal-default-calendar-grid .simcal-no-events { margin: 0px 0px ! important; min-height: 5px !important }
.simcal-default-calendar-grid .simcal-events-dots b{ font-size: 1px; color: rgba(0,0,0,0) !important}

Here is my result:
1. picture: Google Calendar Events
2. picture: Simple Calendar (without CSS code)
3. picture: Simple Calendar (with CSS code above)

Thank you sfldoc! That was very helpful!
Title remains huge, but that’s h3, so I can’t change it without ruining all my template. We’ll wait for the devs… in another thread they said they’re going to fix that.

You can still change the h3 you will just need to make it more specific so it doesn’t change all of them in your theme. If you inspect the element and look at the wrapping element you can use that. For example (this is off the top of my head and probably not what it will actually look like):

.widget-1 .simcal-widget h3 { font-size: 10pt; }

Since I added the other elements ahead of the h3 then it makes it point more specifically to those ones instead. Hope that helps at least a little bit.