How can I create a CSS for the Event Calendar's widgets?

[javier]

Hi,
I want to customize my widgets, but I’ve just found out that there are no css files in the plugin. How can I create them??

Thanks!

[Rob]

Hey there Javier. If I understand your issue correctly…shouldn’t you be able to accomplish what you’re going for via the broader events.css file, in the ‘resources’ folder of the core (The Events Calendar) plugin?

Let me know if I’m misunderstood here and I’ll adjust my response.

[javier]

Thanks, the thing is that I’ve been searching for it with Firebug, but it doesn’t specify me where I can find it in the events.css file… the one I want to change is the “Upcoming Events Widget”, because, as you can see in my website: http://refresssh.com/events/ it appears as a list and it doesn’t let me change the size, type of font… can I create a .css file for this widget?

Thank you very much!!

[Jonah]

Hey Javier,

You can target the Events Advanced List Widget by targeting the .eventsAdvancedListWidget in your CSS. There is no specific CSS file for the widget. You can place the CSS in your theme’s style.css or in a copied version of /wp-content/plugins/the-events-calendar/resources/events.css placed in an ‘events’ folder in your theme.

Does that help?

– Jonah

[Author]

Posts