[Resolved] Event Organiser Plugin CSS problem

[Paul]

Dear GP-Team,
I’m using the Event Organiser Plugin to show events. It’s made in a way that the developer should customise templates to suit it’s own needs.
I’ve been trying a lot, but there is one thing I can’t get to work on the single-event page.
For some reason, the paragraphs have no bottom margin. When I inspect, I see that there are dividers with long different class names being created and the inside has got the id-selector “text”. I tried targeting it with in several ways, for example:

div[itemprop=”text”] {
margin-bottom: 20px;
}

but I’m not really good at CSS.
Can you maybe help me?
This is the address of the site:
https://www.klingenbergverlag.at/termine/mut-momente-unter-truemmern/
Thanks and best wishes
Paul

[Fernando]

Hi Paul,

To clarify, are you referring to adding margin to these paragraphs?: https://share.getcloudapp.com/nOuXY6X8

These paragraphs don’t have a conventional p tag. They have common classes though, however I’m not sure if these classes vary for every single events page.

The code you currently have is adding margin to the entry content.

You can try if this CSS would work for other single events pages:

.single-event div.cxmmr5t8 {
    margin-bottom: 20px;
}

You may add this in Appearance > Customize > Additional CSS.

Kindly let us know how it goes.

[Paul]

Hi Fernando!
This worked perfectly! Looking much better now.
Thank you so much!

PS. Yeah, I’m afraid that the codes may vary from every event-page and I did not yet find out how to make a global change. But I hope I’ll figure it out somehow.
PPS. It just checked again and it did apply the change to all event pages. So thank you, master! 🙂

[Fernando]

You’re welcome Paul! Glad that worked!

[Author]

Posts