Extra space on the calendar widget

[jkennedy]

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;
}

[Nico]

Hi jkennedy,

Thanks for reaching out and welcome to our support forums 🙂

From what I see in your site there’s an x-theme style affecting this. You can try this:


.tribe-events-adv-list-widget .hentry {
margin-top: 40px;
}


Please let me know if it worked,
Thanks,
Nico

[jkennedy]

That worked perfectly – thank you so much!

[Nico]

You are welcome 🙂

I’m closing this topic – but please don’t hesitate to create new topics if you need help with anything else.

Best,
Nico

[Author]

Posts