Changing the size of the mini calendar widget

[kroyte]

The default size on the mini calendar is too big for the site I’m working on.

As per instructions I found on the help desk answering a similar question, though much of that conversation was private, I added the following CSS to my child:

/** Change width of calendar */
.tribe-mini-calendar-wrapper {
width: 80% !important;
}

.tribe-mini-calendar div[id*=’daynum-‘] a {
padding: 0 0 15px 0 !important;
}

That didn’t change anything. Can you let me in on what I need to do to make the widget narrower?

Thanks,
Peter

Ps. I supplied a link to the blog post that demonstrates the problem.

[Victor]

Hi Peter!

Thanks for getting in touch with us!

Let me try to help you with that.

Try using the following CSS snippet:

.tribe-mini-calendar span.tribe-mini-calendar-no-event {
padding: 0;
}

Does it work for you?

Best,
Victor

[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