|
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 https://eventespresso.com/wiki/customizing-your-upcoming-events-widget-using-css-and-template-files/ 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
|
|
Dean
|
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?
|
|
Dean
|
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.
e.g.
#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 http://www.w3schools.com/css/css_intro.asp
Hope that helps.
|
