Notice: Function _load_textdomain_just_in_time was called incorrectly. Translation loading for the pue-sales domain was triggered too early. This is usually an indicator for some code in the plugin or theme running too early. Translations should be loaded at the init action or later. Please see Debugging in WordPress for more information. (This message was added in version 6.7.0.) in /home/staging-poc/public_html/wp-includes/functions.php on line 6114

Notice: Function _load_textdomain_just_in_time was called incorrectly. Translation loading for the better-click-to-tweet domain was triggered too early. This is usually an indicator for some code in the plugin or theme running too early. Translations should be loaded at the init action or later. Please see Debugging in WordPress for more information. (This message was added in version 6.7.0.) in /home/staging-poc/public_html/wp-includes/functions.php on line 6114

Notice: Function _load_textdomain_just_in_time was called incorrectly. Translation loading for the pue-amazon domain was triggered too early. This is usually an indicator for some code in the plugin or theme running too early. Translations should be loaded at the init action or later. Please see Debugging in WordPress for more information. (This message was added in version 6.7.0.) in /home/staging-poc/public_html/wp-includes/functions.php on line 6114

Notice: Function _load_textdomain_just_in_time was called incorrectly. Translation loading for the pue-stats domain was triggered too early. This is usually an indicator for some code in the plugin or theme running too early. Translations should be loaded at the init action or later. Please see Debugging in WordPress for more information. (This message was added in version 6.7.0.) in /home/staging-poc/public_html/wp-includes/functions.php on line 6114

Notice: Function _load_textdomain_just_in_time was called incorrectly. Translation loading for the wordpress-seo domain was triggered too early. This is usually an indicator for some code in the plugin or theme running too early. Translations should be loaded at the init action or later. Please see Debugging in WordPress for more information. (This message was added in version 6.7.0.) in /home/staging-poc/public_html/wp-includes/functions.php on line 6114
Customizing Upcoming Widgets | Event Espresso - Staging Server

Support

Home › Forums › Event Espresso Premium › Customizing Upcoming Widgets

Customizing Upcoming Widgets

Posted: January 28, 2013 at 4:00 pm

Viewing 3 reply threads


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 http://staging.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

  • Support Staff

    •

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

  • Support Staff

    •

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.
Viewing 3 reply threads

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.

The original Forum description...

Status: closed

Updated by Dean 11 years, 11 months ago ago

Topic Tags

Notifications

This topic is: not resolved
Event Espresso - Staging Server