Hi there,
I was using the regular event calendar (not pro) and was able to style the widget to change headlines, remove unnecessary space, etc. When I upgraded to pro, I was able to make some customizations, but I am having trouble with a giant gap before my events (see link: http://cfwvconnect.com/community-calendar/) Can you help?
Here is the custom CSS I’ve tried…
.tribe-mini-calendar-event .list-info {
margin-top: 0 !important;
padding-top: 0 !important;
margin-bottom: 0 !important;
}
.tribe-mini-calendar-event .list-date {
display: none;
margin-top: 0px !important;
margin-bottom: 0px !important;
padding-top: 3px !important;
}
.tribe-mini-calendar-event .list-info h2 {
font-size: 21px;
line-height: 24px;
font-weight: 600;
margin-top: 0px !important;
padding-top: 0px !important;
margin-bottom: 0px !important;
}
.tribe-events-adv-list-widget-2 {
margin-top: 0 !important;
margin-bottom: 0 !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.tribe-mini-calendar-event {
margin-top: 0px !important;
margin-bottom: 0px !important;
padding-top: 0px !important;
padding-bottom: 4px !important;
}