Upcoming Event Sidebar Widget Month Wrapping

[Sarah]

Hi I use event calendar pro and I’m trying to figure out the css padding to stop the wrapping of the month in my upcoming event sidebar widget.

[Jeremy]

Hi Sarah,

Thanks for reaching out to us! I’d be happy to help you 🙂

Could you try to add the following snippet in Appearance > Customize > Additional CSS, and tell me if that makes a difference?

.sidebar .tribe-mini-calendar-event .list-date {
padding: 2px;
}


I hope this helps,

Cheers,
Jeremy

[Sarah]

Thanks that worked like a champ!

[Sarah]

Would the padding effect the calendar widget? Now after changing the padding it seems my footer calendar numbers wrap for some but not others? I feel bad I’m being so picky but do I need to shrink the font size?

[Jeremy]

Hi Claire,

I’m glad the CSS I gave you solved your problem on the Upcoming Events sidebar widget 🙂

The CSS I gave you has no effect on the calendar widget. The problem comes from your theme, as there’s an overall style for table cells which overrides our calendar’s style. In order to offset it, you may add the following snippet in your Additional CSS:

.tribe-mini-calendar td.mobile-trigger {
padding: 2px;
}

I hope this helps,

Cheers,
Jeremy

[Sarah]

Hi I just applied the new update for tickets (version 4.7.5 ) and calendar plus (Version 4.4.29.1 ). I noticed after updating that the css to wrap the text in the side bar
.tribe-mini-calendar td.mobile-trigger {

padding: 2px !important;

}

is no longer working. Was something updated so I need to modify my CSS again? Thanks

[Sarah]

Hi I just applied the new update for tickets (version 4.7.5 ) and calendar plus (Version 4.4.29.1 ). I noticed after updating that the css to wrap the text in the side bar is no longer working. Was something updated so I need to modify my CSS again? Thanks

[Barry]

Hi there!

Though I can see the most recent snippet Jeremy shared with you (“.tribe-mini-calendar td.mobile-trigger”) I don’t actually see the initial snippet that he shared … before we go any further, can you pop open Appearance ‣ Customize ‣ Additional CSS one more time and ensure it wasn’t accidentally deleted?

Thanks!

[Sarah]

Oh I’m so I’m embarrassed. It was accidentally deleted somehow. Thanks for the help. This ticket has been fully resolved if you’d like to close it.

Kind regards,
Sara

[Barry]

Thanks for confirming!

If we can help with anything else, please don’t hesitate to create a fresh topic — one of the team will be only too happy to assist 🙂

[Author]

Posts