WordPress.org

Support

Support » Plugins and Hacks » [Plugin: The Events Calendar] Override CSS

[Plugin: The Events Calendar] Override CSS

  • stinkyleaf
    Member

    @stinkyleaf

    How do you cleanly override the css in the plugin resource folder? I copied the CSS into my theme and included it but the plugin CSS is winning the override.

    For now I just renamed the plugin css file so mien is used instead. This is not clean if there is an update, however.

Viewing 5 replies - 1 through 5 (of 5 total)
  • I changed the events.css file in the-events-calendar\resources\ folder. Seems to work just fine. *edit* this would probably be what you consider not clean….

    stinkyleaf
    Member

    @stinkyleaf

    My question is how to overrride it so that it does not use the one in the resources folder. If you modify the one there then it will get overwritten whenever you update to new versions.

    I would like to know this too. I customized the css file in the plugin folder and when my client updated, we lost the customization.

    Try using the !important tag on your CSS. For example:
    #tec-event-calendar-part {background: pink !important;}

    It’s been working for me. Another thing to check is to make sure your theme’s CSS file is called after the <?php wp_head(); ?> code is called, so that it follows the Cascading Stylesheets flow properly.

    Hope that helps!

    somethingelse
    Member

    @somethingelse

    brilliant – that’s the solution! !important totally does the trick

    thanks for the reminder of that very helpful tool.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘[Plugin: The Events Calendar] Override CSS’ is closed to new replies.