Mini sidebar calendar wider than sidebar

[marrinerharmony]

My mini calendar is too wide for my sidebar. I tried the style changes suggested in a few similar posts using the tribe-events-pro.css in my theme folder. I think its conflicting with my theme’s styles, but I don’t know where to begin to find it. My theme uses a page builder within WP which I suspect is part of the reason, because on a page I did not use the page builder (Page 2) the mini calendar is much narrower (however .tribe-mini-calendar {width:200px; } still does not make either sidebar calendar narrower.

[Barry]

Hi!

I’d love to take a look but can’t locate an example, even if I use ?page_id=2 with the URL you initially provided. Could you provide a direct URL to help me see the problem?

Thanks!

[marrinerharmony]

a page using page builder:
http://69.89.27.213/~marriner/harmony-church/?page_id=60
a page not using page builder:
http://69.89.27.213/~marriner/harmony-church/?page_id=213

They are both expanding beyond the desired width of 194px.

[Barry]

Thanks for sharing 🙂

That’s a pretty narrow space, but adding some CSS like the following to a custom pro/widget-calendar.css stylesheet as described in the Themer’s Guide ought to fix it:

table.tribe-mini-calendar th,
table.tribe-mini-calendar td {
    padding:2px
}

Does that help?

[marrinerharmony]

Yes, perfect! Thanks!

[Barry]

Great!

[Author]

Posts