[Resolved] Space in Events Calendar Widget

[Frank]

Hi,

In the Events Calendar Widget in the sidebar of my website,

scheppers-mechelen.be

I try to reduce the space between the event title and the event date. When I change the theme in “twenty-fifteen”, it looks great.

How can I fix it in the GeneralPress-theme?

Here is a screen-capture:

http://scheppersmechelen.be/screencap.jpg

Thanks.

[Tom]

Hi there,

Give this CSS a try:

.tribe-events-list-widget-events h4 {
    margin-bottom: 0;
}

Adding CSS: https://generatepress.com/knowledgebase/adding-css/

[Frank]

Hi, Tom

It works. Thanks a lot!

[Tom]

You’re welcome 🙂

[Blanca]

Hi Tom!

I have a similar problem and I don’t know how to fix it. I have tried this option you have recommended to Frank, and is not working in my case (I’m using the beaver page builder, maybe is this the reason). it looks so weird because the date is more close to the next event than to the event it talks about…Besides, I don’t want the events to be numbered, but I can’t find any option to take it off.

https://drive.google.com/open?id=0B_JcIYNF7EbjZXhubWUwWm5RYmM

Thank you a lot in advanced!

[Tom]

Hi Blanca,

Any chance you can link me to that page?

[Blanca]

Hi Tom!thank you very much for your response.

I can’t link you to that page yet because is not open yet. I am working in a testing platform, but I can show you more images? or give you more information?

Thank you!

[Tom]

I would need to actually inspect the element to see what’s causing the spacing. Is there a test site you can throw it up on temporarily?

[Blanca]

Hi Tom,

Now is published 🙂

http://www.punt6.org.mialias.net/

So I have in fact two questions:

For the widget of the event list that in the home “¡Te interesa!”, I would like to know how to reduce the space between the event and the date, also because right now the date it is place more close to the next event than to the one it belongs. And also if there is any chance to take off the numbered events…

And for the page created by the plugin “Eventos”: http://www.punt6.org.mialias.net/eventos/ I would like to know if you know where I can change the settings to enable the header.

Thank you a lot again!

[Tom]

1. Add this CSS:

h4.tribe-event-title {
    margin-bottom: 0;
}

.tribe-events-list-widget-events {
    margin-bottom: 20px;
}

2. Not sure what you mean? The header looks the same on this page as the others.

Let me know 🙂

[Blanca]

Hi Tom!

I did try several times but was impossible, but finally, instead of using the beaver builder page “add widget” option, I have I used a shortcode widget plugin, and used the option “add CSS” from the beaver builder page, and then added the shortcode. With that it has finally worked :)))

Thank you a LOT!

About the header, I mean that we want the header to be visible only in the home. But since in the setting options of the Event List, there is nothing about the header, it add it directly in the “eventos page”: http://www.punt6.org.mialias.net/eventos/

And I don’t know how to take it off.

Thank you!!!

[Blanca]

By the way, I can’t edit the Events Calendar page created by the plugin, that is why I’m asking.

Thanks!

[Tom]

Some pages in WordPress aren’t editable (like the posts page, category pages etc..) – if the events calendar plugin is treating their calendar page like those pages, that would explain why it’s not editable.

By header, do you mean this?: http://screencast.com/t/8vqIvXq9LFBG

[Blanca]

Hi Tom!

Yes I mean that image, and yes you are right, I think the plugin is treating the calendar page as a “category”.

Thank you

[Tom]

You’ve set that image as a background image for the site header which will show it on every single page.

If you want to hide it on event archives, you can use this CSS:

.post-type-archive-tribe_events .site-header {
    background-image: none;
}

[Author]

Posts