Title: Overriding CSS
Last modified: August 20, 2016

---

# Overriding CSS

 *  Resolved [Mike Seifried](https://wordpress.org/support/users/mseifried/)
 * (@mseifried)
 * [13 years, 2 months ago](https://wordpress.org/support/topic/overriding-css-1/)
 * If I have read the documentation correctly, any styles in the theme CSS will 
   override the CSS in the Events Manager plug-in. I am having trouble making this
   happen. I added the following style to my theme style sheet:
 *     ```
       .em-booking-form-details {
       	width: 460px;
       }
       ```
   
 * But it is being overridden by the Events Manager CSS. What am I doing wrong?
 * [http://wordpress.org/extend/plugins/events-manager/](http://wordpress.org/extend/plugins/events-manager/)

Viewing 9 replies - 1 through 9 (of 9 total)

 *  [agelonwl](https://wordpress.org/support/users/angelonwl/)
 * (@angelonwl)
 * [13 years, 2 months ago](https://wordpress.org/support/topic/overriding-css-1/#post-3574530)
 * hi,
 * seems to be correct; can you also try to insert your custom css in your theme
   header.php below `<?php wp_head(); ?>`
 * e.g.
 *     ```
       <?php wp_head(); ?>
       <style>
       .em-booking-form-details {
       	width: 460px;
       }
       </style>
       ```
   
 *  Thread Starter [Mike Seifried](https://wordpress.org/support/users/mseifried/)
 * (@mseifried)
 * [13 years, 2 months ago](https://wordpress.org/support/topic/overriding-css-1/#post-3574543)
 * I may have to take that approach, but I would rather do it in the stylesheet 
   if possible. The documentation is not very clear about this point. It says “Add
   to your theme’s CSS files to further style the page.” But it doesn’t seem to 
   be that simple.
 *  Plugin Author [Marcus (aka @msykes)](https://wordpress.org/support/users/netweblogic/)
 * (@netweblogic)
 * [13 years, 2 months ago](https://wordpress.org/support/topic/overriding-css-1/#post-3574564)
 * you can either create a child theme : [https://www.google.com/search?q=child+theme&aq=f&oq=child+theme&sourceid=chrome&ie=UTF-8](https://www.google.com/search?q=child+theme&aq=f&oq=child+theme&sourceid=chrome&ie=UTF-8)
 * or just edit the theme’s style.css file directly (which is fine if you don’t 
   update the theme)
 * another alternative is a plugin that lets’ you add CSS via settings, e.g. jetpack
   does that.
 *  Thread Starter [Mike Seifried](https://wordpress.org/support/users/mseifried/)
 * (@mseifried)
 * [13 years, 2 months ago](https://wordpress.org/support/topic/overriding-css-1/#post-3574570)
 * That’s what I was doing – editing the theme’s style directly. It is a theme that
   I designed. But the class definition for `.em-booking-form-details` in the theme
   stylesheet did not take precedence over the same class defined in the plugin 
   stylesheet.
 *  [agelonwl](https://wordpress.org/support/users/angelonwl/)
 * (@angelonwl)
 * [13 years, 2 months ago](https://wordpress.org/support/topic/overriding-css-1/#post-3574613)
 * could it be that your theme style.css loads first before EM that is why it’s 
   not working? also, do you have a sample link for us to see?
 *  Thread Starter [Mike Seifried](https://wordpress.org/support/users/mseifried/)
 * (@mseifried)
 * [13 years, 2 months ago](https://wordpress.org/support/topic/overriding-css-1/#post-3574618)
 * Yes, when I look at the HTML generated, I see that the theme style sheet loads
   first, and plug-in style sheets load after that. Isn’t that normal behavior?
 * Here is the URL:
    [http://www.phillipsmill.dreamhosters.com/events/comedy-cabaret-thursday-may-9/](http://www.phillipsmill.dreamhosters.com/events/comedy-cabaret-thursday-may-9/)
 * I have been doing some research, and it seems I may have to either use the wp_enqueue_style
   function in functions.php or use !important in my CSS. It just seems strange 
   that this hasn’t come up before or is mentioned in the documentation.
 *  Plugin Author [Marcus (aka @msykes)](https://wordpress.org/support/users/netweblogic/)
 * (@netweblogic)
 * [13 years, 2 months ago](https://wordpress.org/support/topic/overriding-css-1/#post-3574621)
 * you may need to use more specific CSS rules to take priority over ours
 * for example
 *     ```
       .class-in-your-html .em-booking-form-details{
   
       }
       ```
   
 * your site is down though, so can’t comment more.
 *  Thread Starter [Mike Seifried](https://wordpress.org/support/users/mseifried/)
 * (@mseifried)
 * [13 years, 2 months ago](https://wordpress.org/support/topic/overriding-css-1/#post-3574625)
 * OK. Thanks. Yes, host had power issues. The U part of UPS stopped working. Should
   be resolved now.
 *  [agelonwl](https://wordpress.org/support/users/angelonwl/)
 * (@angelonwl)
 * [13 years, 2 months ago](https://wordpress.org/support/topic/overriding-css-1/#post-3574644)
 * thanks for the update.

Viewing 9 replies - 1 through 9 (of 9 total)

The topic ‘Overriding CSS’ is closed to new replies.

 * ![](https://ps.w.org/events-manager/assets/icon-256x256.png?rev=3550347)
 * [Events Manager - Calendar, Bookings, Tickets, and more!](https://wordpress.org/plugins/events-manager/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/events-manager/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/events-manager/)
 * [Active Topics](https://wordpress.org/support/plugin/events-manager/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/events-manager/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/events-manager/reviews/)

 * 9 replies
 * 3 participants
 * Last reply from: [agelonwl](https://wordpress.org/support/users/angelonwl/)
 * Last activity: [13 years, 2 months ago](https://wordpress.org/support/topic/overriding-css-1/#post-3574644)
 * Status: resolved