Custom CSS in EventManager

You can add a css class by overriding templates. Here’s some documentation on overriding templates: https://wp-events-plugin.com/documentation/using-template-files/

You can also override the single event page template by going to Event Settings and go to the Formatting tab and enable Advanced mode and Super Advanced mode then go to the Events section and you can then modify the single event template.

I was looking for adding a custom css file somewhere but cannot figure out where to put that custom css file. But do you mean I should put my custom css in the template itself? That would be an inline css I guess.

The easiest way is to select Customize and then Additional CSS.

Here are some more suggestions: https://www.wpbeginner.com/plugins/how-to-easily-add-custom-css-to-your-wordpress-site/

Ah, thanks, of course. I was a digging to deep in the EventManager documentation that completely forgot that I can modify the css in the WordPress template. Thanks for resetting my mind. ??

The plugin has too many !important statements in its CSS making it impossible to override, without adding CSS hacks.

Hi kevanbulmer,

I am aware of that. Luckily in my case not a problem, I just wanted to customize a HTML table with my own class and that is working.
But you are right overriding the CSS is quite hard. I guess if you need to override the standard CSS the only solution is to work with inline CSS.

<The plugin has too many !important statements in its CSS making it impossible to override, without adding CSS hacks.>
I solved that by using an ID for my custom table combined with the !important attribute. I started with my own class as selector and that indeed wasn’t working. But an #ID selector (with !important) is more specific the !important statements in the CSS of EventManager.

• This reply was modified 1 month, 2 weeks ago by KramBie.