WordPress.org

Ready to get started?Download WordPress

Forums

The Events Calendar
Override CSS (6 posts)

  1. stinkyleaf
    Member
    Posted 3 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
    Member
    Posted 3 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
    Member
    Posted 3 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
    Member
    Posted 3 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
    Member
    Posted 3 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
    Member
    Posted 3 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

About this Topic