Can the Events Calendar Widget list the events to the right of the calendar?

[Henrico County]

Is there a way to configure the Events Calendar Widget so the calendar month is on the left, and the next five upcoming events are listed to the right of the calendar? (https://theeventscalendar.com/knowledgebase/configuring-the-calendar-widget/)

We like this option – but we want the calendar to be more horizontal than vertical when displayed.

Thanks.

[George]

Hey there,

This is indeed technically possible – you need custom CSS to achieve this, and while the full customization is a bit outside the scope of the forums, the most basic version of it would be adding CSS like the following to the bottom of your theme’s style.css file:


/* The Events Grid */
.tribe-mini-calendar-grid-wrapper {
float: left;
width: 49%;
}

/* The Events List */
.tribe-mini-calendar-list-wrapper {
float: left;
width: 49%;
margin-left: 2%;
}


Like I mentioned, this is a very basic start for this – you can tweak all the widths, margins, padding, and anything else about the styles to make it look just right on your site. But hopefully this helps! And P.S., if it seems not to help at first, try adding !important to any declarations that don’t seem to take effect. Like this, for the Grid wrapper for example, instead of what is posted above for it:


/* The Events Grid */
.tribe-mini-calendar-grid-wrapper {
float: left !important;
width: 49% !important;
}


Cheers!
George

[Support Droid]

This topic has not been active for quite some time and will now be closed.

If you still need assistance please simply open a new topic (linking to this one if necessary)
and one of the team will be only too happy to help.

[Author]

Posts