The Support Forums will be in read-only mode for a scheduled maintenance window on 01 September 2016 14:00 UTC - 20:00 UTC. More information.

The Events Calendar
Override CSS (6 posts)

  1. stinkyleaf
    Posted 5 years ago #

    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.

  2. ivar360
    Posted 5 years ago #

    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....

  3. stinkyleaf
    Posted 5 years ago #

    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.

  4. mayday
    Posted 5 years ago #

    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.

  5. argraff
    Posted 5 years ago #

    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!

  6. somethingelse
    Posted 5 years ago #

    brilliant - that's the solution! !important totally does the trick

    thanks for the reminder of that very helpful tool.

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • The Events Calendar
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic