Mini Calendar size in sidebar

[hunchermuncher]

I’m using ElegantThemes Divi template with EC Pro. I have reduced the size of the mini calendar in the sidebar on my page at http://divi.dramaresource.com/category/drama-games/ but the problem is still there at http://divi.dramaresource.com/test-page/. Brian’s code that solved the problem for the first page is directly below. Can anyone suggest how to fix it for other pages?
<br>
<br>
#content-area .tribe_mini_calendar_widget table td {

padding: 0;

}

<br>
<br>
I have also tried the code at https://theeventscalendar.com/mini-calendar-is-too-big-for-the-sidebar/ but that didn’t work.

[Brian]

Hello Again.

I have another snippet for you, but this is about all we can provide for theme compatibility issues as it is beyond the support we can provide to troubleshoot every single formatting issue with a theme. So here is the snippet that should target that Mini Calendar.

.entry-content .tribe_mini_calendar_widget thead th,
.entry-content .tribe_mini_calendar_widget tr td {
padding: 0;
}

Add that css to your theme’s stylesheet or through a plugin such as Simple Custom CSS.

Let me know if that helps.

Thanks

[hunchermuncher]

Hi Brian,

Thanks very much Brian – this latest snippet has resolved the issue. The mini calendar at http://divi.dramaresource.com/test-page/ is a slightly different size than the other one at http://divi.dramaresource.com/category/drama-games/ but they both certainly fit the sidebar now!

[Brian]

If you play around with the css on that last snippet you maybe to get it a bit closer to the other page. I would look up how to use css padding and play around with a Browsers Developer Tools to do that.

I am going to go ahead and close this ticket, but if you need help on this or something else please post a new ticket.

Thanks!

[Author]

Posts