Home Forums Event Espresso Premium Customizing Upcoming Widgets

Customizing Upcoming Widgets

Posted: January 28, 2013 at 4:00 pm

Chris Feliciano

January 28, 2013 at 4:00 pm

I want to customize the widget, change color, font size, spacing etc.. and I found this link but the file that needs to be edited when I opened it it says “/DEPRECATED-DONT-USE/” and I cant find anything that link tries to show.
Any help will be appreciated, Thanks


January 29, 2013 at 1:16 am

Hi Chris,

Firstly apologies that the document is out of date and thanks for bringing it to my attention, I will get that document re-written.

The default css file is in the templates/css directory and called espresso_default.css.

This can be copied over to uploads/espresso/templates/css/

You should also be able to add styles into the themes style.css if needed, as the widget uses fairly standard widget classes.

Chris Feliciano

January 30, 2013 at 7:28 pm

Any ideas on how I can change the colors, space it out a bit so is not all together and maybe change the font size? Or how long will it take to re-write the document?


January 31, 2013 at 4:15 am

Hi Chris,

The documentation wont be written for a shortwhile.

The widget has very simple CSS

The overall container has these ids/classes: #events-widget-2 .widget .events

The h3 (title) has the default class of: .widget-title

The items listed are just links ( tags) inside paragraphs (


p> tags)

As such it is just a case of adding css to over rule whatever your theme has set those.


 #events-widget-2 p { padding-top: 10px; }

will add some space to the top of each event listed.

You can find more information about css here

Hope that helps.

The support post ‘Customizing Upcoming Widgets’ is closed to new replies.

Have a question about this support post? Create a new support post in our support forums and include a link to this existing support post so we can help you.

Event Espresso