Hi @kelvynjames, it seems like the stylings on the sidebar page for the calendar are not applied. Have you been doing customization or custom CSS for the sidebar?
I’d recommend doing a Custom CSS. Go to Appearances → Customize → Additional CSS and insert this Custom CSS here:
.tribe-events-widget .tribe-events-widget-events-list__event-date-tag-datetime{
background: #666;
box-sizing: border-box;
display: inline;
float: left;
font-weight: 700;
margin: 10px 5% 10px 0;
overflow: hidden;
padding: 3px;
text-align: center;
height: 70px;
}
.tribe-events-widget .tribe-events-widget-events-list__event-date-tag-month {
background: #fff;
color: #666;
display: block;
font-size: 11px;
letter-spacing: .5px;
padding: 3px;
text-align: center;
text-transform: uppercase;
}
.tribe-events-widget .tribe-events-widget-events-list__event-date-tag-daynum, .tribe-events-widget .tribe-events-widget-events-list__event-date-tag-month {
display: block;
font-size: 15px;
line-height: 1.6;
text-align: center;
width: 100%;
}
.tribe-events-widget-events-list__event-date-tag-daynum.tribe-common-h2.tribe-common-h4--min-medium {
color: #fff !important;
margin-top: 10px !important;
}
.tribe-common-g-row.tribe-events-widget-events-list__event-row {
border-bottom: 1px solid #ccc;
padding-bottom: 10px !important;
}
See the screen recording here with the Custom CSS applied:
https://share.getcloudapp.com/5zuPq566
Moreover, you could also try installing this third-party plugin that allows you to insert code snippets on your website → https://wordpress.org/plugins/code-snippets/.
It should work after applying this snippet. Make sure to clear the cache after. Moreover, you can check our Themer’s Guide to learn more about implementing CSS customization,
See if that works on your end. Let me know how it goes.
Best,
Abz
Hey @kelvynjames, this thread has been inactive for a while, so we’re going to go ahead and mark it Resolved. Please feel free to open a new thread if any other questions come up, and we’d be happy to help.
Cheers,
Abz