Upcoming events list widget is smushed

[Shawn Waggott]

Hi,

When add the upcoming events list widget to the side bar the day box is smushed (see attached). Is there any way to fix this?

Shawn

[Andras]

Hi Shawn,

Thanks for reaching out with this and sorry about this issue.

A fix should be possible with a bit of CSS.

In order to be able to help you could you please share with me:

• your system information
• a url where this issue is happening

Thanks and cheers,
Andras

[Shawn Waggott]

This reply is private.

• This reply was modified 9 years, 3 months ago by Shawn Waggott.

[Andras]

Hey Shawn,

Thanks for sharing that. I had a hunch you were using Divi. 🙂 I work with it a lot.

The thingy is squashed because there is not enough space for it in the sidebar.

Adding this snippet to your theme’s style.css file should correct the issue:

 


.tribe-mini-calendar-event .list-info {
width: 75% !important;
}
.tribe-mini-calendar-event .list-date {
width: 20% !important;
}


Note: it doesn’t add up to 100% because the list-date also has a 5% right margin, so that’s the missing five. In case you were wondering.

Check this and let me know if that solves it for you.

Cheers,
Andras

[Shawn Waggott]

That did it, thanks!

Shawn

[Andras]

Happy to hear that fixed it!

Since this is marked resolved I am going to close this ticket, but if you need anything else related to this topic or another please post a new topic in the forum and we will help you out.

Good luck with your project!

Cheers,
Andras

PS: If you like our plugin, and you didn’t yet do so 🙂 we would be happy to receive a review in the wordpress.org repository. Thanks!
https://wordpress.org/support/view/plugin-reviews/the-events-calendar

PS2: We’d be also grateful if you would give us feedback on your satisfaction with support. Just click on one of the classy looking emojis below. 🙂 If you can spare a few words, that’s even better. Doublethanks!

 

[Author]

Posts