Title: Change widget css
Last modified: August 30, 2016

---

# Change widget css

 *  Resolved [mshivsharan](https://wordpress.org/support/users/mshivsharan/)
 * (@mshivsharan)
 * [11 years, 1 month ago](https://wordpress.org/support/topic/change-widget-css-2/)
 * Hello
    I love your plug in! I have one problem though, I hope you can help with
   it. The plugin’s widget is not at all matching the look of the other text placed
   on the same page. Could you please tell me where I should change the css?
 * [https://wordpress.org/plugins/the-events-calendar/](https://wordpress.org/plugins/the-events-calendar/)

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

 *  Thread Starter [mshivsharan](https://wordpress.org/support/users/mshivsharan/)
 * (@mshivsharan)
 * [11 years, 1 month ago](https://wordpress.org/support/topic/change-widget-css-2/#post-6267025)
 * I coudn’t figure out where the css for the widget is. I hope you can point out
   the file and its location for me.
    My website is [http://www.theiotportal.com](http://www.theiotportal.com)(
   The events widget is at the bottom) Thanks
 *  Thread Starter [mshivsharan](https://wordpress.org/support/users/mshivsharan/)
 * (@mshivsharan)
 * [11 years, 1 month ago](https://wordpress.org/support/topic/change-widget-css-2/#post-6267084)
 * I found this css file and thought perhaps this was the way to edit the widget
   css…
 * **the-events-calendar\src\resources\css\tribe-events-full.css **
 * the file says
 * > To add your own custom styles, create a stylesheet with the name
   >  * tribe-events.
   > css in the tribe-events/ directory of your theme. * Your new stylesheet will
   > be loaded after our own stylesheet.
 * I did that but it **didn’t work**…
 *  [Brook](https://wordpress.org/support/users/brook-tribe/)
 * (@brook-tribe)
 * [11 years ago](https://wordpress.org/support/topic/change-widget-css-2/#post-6267337)
 * Howdy mshivsharan,
 * Have yous see our [Themer’s Guide](http://m.tri.be/r5). It walks you through 
   overriding a CSS file like that. Typically if you’re just making one or two changes,
   you wouldn’t event want to override it. Instead you could just add a more specific
   rule to your (child) theme’s CSS. If you want to override the widgets’s margin
   for example, let’s say it’s like this in the tribe-events-full.css file:
    `.tribe-
   widget { margin:10px }`
 * Then in your theme’s CSS, just do a more specific rule so it overrides:
 * `body .tribe-widget { margin:0 }`
 * I hope that helps. Cheers!
    – Brook

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

The topic ‘Change widget css’ is closed to new replies.

 * ![](https://ps.w.org/the-events-calendar/assets/icon-256x256.gif?rev=2516440)
 * [The Events Calendar](https://wordpress.org/plugins/the-events-calendar/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/the-events-calendar/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/the-events-calendar/)
 * [Active Topics](https://wordpress.org/support/plugin/the-events-calendar/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/the-events-calendar/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/the-events-calendar/reviews/)

## Tags

 * [css](https://wordpress.org/support/topic-tag/css/)
 * [widget](https://wordpress.org/support/topic-tag/widget/)

 * 3 replies
 * 2 participants
 * Last reply from: [Brook](https://wordpress.org/support/users/brook-tribe/)
 * Last activity: [11 years ago](https://wordpress.org/support/topic/change-widget-css-2/#post-6267337)
 * Status: resolved