Changing size of mini-calendar in sidebar

[Dorothy]

I would like to change the width of the mini-calendar in my client’s sidebar.

Is there CSS that would do it?

Here is the link: http://www.fairlab.com.au

Thanks

[Geoff]

Hi Dorothy,

Thanks for getting in touch and hope you’re doing well!

The mini calendar will fill the space of the container that contains it, so you can increase the size of the mini calendar by increasing width of the sidebar itself.

Does that make sense and will it work for you? Please let me know. 🙂

Cheers!
Geoff

[Dorothy]

I want to reduce the size. I have reduced the sidebar width, but the mini-calendar has not changed.

[Geoff]

Hi Dorothy,

Thanks for following up! I hope you had a great weekend. 🙂

Ah, and thanks for the clarification!

You can try adding this CSS to either your theme’s style.css file or the Appearance > Customize > Additional CSS screen:

.tribe-events-adv-list-widget .type-tribe_events {
width: 80% /* or any width you would like */
}

That will narrow the width the of the list widget on your site. It’s worth noting that doing so squeeze the contents of the widget as well, so you may need to make additional tweaks to get things to appear just right.

Does this help answer your question? Please let me know. 🙂

Cheers!
Geoff

[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