Horizontal line

[slave2thebean]

Hello:

I’m trying to add a horizontal line between my events on my homepage and get rid of the extra space between events. Here’s what I have used:

.tribe-events-first {
padding: 0px;
border-bottom: 1px solid #e5e5e5;
}

What am I doing wrong?

Thanks!
Sarah

[Jennifer]

Hi Sarah,

Thanks for reaching out! Try adding the following (this is how it will look):

.tribe-events-list .type-tribe_events {
margin-bottom: 1rem;
}
.tribe-events-list .type-tribe_events:not(:first-of-type) {
border-top: 1px solid #e5e5e5;
}

We are limited in the amount of support that we can provide for customizations, but if you get stuck or have any questions, please let me know – I’ll be happy to try to point you in the right direction!

Thanks,

Jennifer

[slave2thebean]

Beautiful! That worked perfectly. Thank you so much for your help!

Best,
Sarah

[Jennifer]

No problem, I’m glad that worked! Just let us know if there is anything else that we can help with 🙂

[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