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
(The events widget is at the bottom)
Thanks
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…
Howdy mshivsharan,
Have yous see our Themer’s Guide. 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
