desktop calendar widget css

[Sarah]

I had submitted a ticket for this once before because the letters wrap in my calendar widget on the desktop only. I entered the css to fix it, but the issue has returned. has there been a change in the css?
mahalo

[Support Droid]

Hi! Thanks for reaching out. We’re experiencing a high volume of support requests right now, but please do bear with us and we’ll review your question as quickly as possible.

[Jeremy]

Hi again Sarah 😉

I’m not sure what happened with your website’s css, but you may solve your issue by adding the following snippet in Appearance > Customize > Additional CSS:

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

I hope this helps.

Cheers,
Jeremy

[Sarah]

I added the CSS above and I am still having a wrap around only in the widget bar is there a way to reduce the size of text?

[Jeremy]

Hi Sarah,

Instead of the snippet I gave you last time, could you add this one?

.tribe-mini-calendar-event .list-date .list-dayname {
    padding: 2px !important;
    font-size: 10px;
    letter-spacing: inherit;
}

Please let me know how it goes.

Cheers,
Jeremy

[Support Droid]

Hey there! This thread has been pretty quiet for the last three weeks, so we’re going to go ahead and close it to avoid confusion with other topics. If you’re still looking for help with this, please do open a new thread, reference this one and we’d be more than happy to continue the conversation over there.

Thanks so much!
The Events Calendar Support Team

[Author]

Posts