Reduce margin on modern events calendar single event page sidebar

[Thommynat0r]

Hi guys,

I like to reduce the margin in the sidebar on all single event pages (example: https://www.enjoybim.de/events/dynamo-fuer-revit-topografie/?occurrence=2021-07-13&time=1626166800 )
I could find with chrome dev tools the element, but there is no class and I don’t know how to reduce the margin with css in this case.

Normally I would add something like the follwing code to the custom css section of modern events calendar:

.dl {
margin-block-start: 0.3em;
}

But it doesn’t work. Is it because it is “user agent stylesheet”? Would be great if you can help me. Thank you!

[marc_a]

Hi Thomas,

Thanks for reaching out!

You can the CSS below to remove the top margin and add it to your Pro > Theme Options > CSS.

.mec-single-event .mec-event-meta dl {
    margin-top: 0;
}

Please note that custom CSS code is outside the scope of our support. Issues that might arise from the use of custom CSS code and further enhancements should be directed to a third-party developer or you can avail One where we can answer questions outside of the features of our theme.

Hope that helps.

Thank you.

[Thommynat0r]

Thank you, it worked! perfect!

[tristup]

Hi Thomas,

Glad that we are able to help you.

Thanks