Support

Home Forums Events Calendar Add-on Need to style widget

Need to style widget

Posted: August 20, 2012 at 2:48 pm


khudspeth

August 20, 2012 at 2:48 pm

I need to make style changes to the calendar as displayed by the widget (fonts for the events listed, etc). Where can I do this?


Garth

  • Support Staff

August 20, 2012 at 2:50 pm

Have you looked at the documentation with regard to styling the widget? https://eventespresso.com/wiki/customizing-your-upcoming-events-widget-using-css-and-template-files/


khudspeth

August 20, 2012 at 3:58 pm

Garth,
Yes, however I don’t see an area to change the style of the fonts for the calendar entries. Here is the page http://www.canisterdesigns.com/event-calendar/ I want to change the font and UN-bold the font used for the calendar entries. Also, at least one of the dates has white text (the pink background) and all have a space before the calendar entry.
Thanks for your help


Josh

  • Support Staff

August 20, 2012 at 7:43 pm

Looks like you have the text color worked out (the pink background has black text now)

To change the font of the event title, include a declaration like the following in your custom style sheet (in the WordPress theme or use the my custom CSS plugin)

This will change the font to be ‘georgia’:

.fc-event-title {font-family:georgia;}


khudspeth

August 21, 2012 at 2:51 pm

What are the id’s for the month (want to increase font size) and also I need to correct the line height (spacing) on past events — events in the past are leaded more than current events. Also, is there a setting that suppresses prior events?
Thanks


Chris Reynolds

  • Support Staff

August 21, 2012 at 4:03 pm

What browser are you using? If you are using Chrome or Safari, you can use the built in Inspect Element function in the browser to look at the markup of the page and see what ids are being used. If you are using Firefox, you can get this by installing FireBug. Internet Explorer has developer tools in 9 that are useful as well. I ask because it would be much faster for you to be able to look at the code and make the changes in your CSS directly rather than having to post here and wait for us to respond.

Re: “is there a setting that suppresses prior events?”
Yes, [ESPRESSO_CALENDAR show_expired="false"]. Make sure you have set your registration start/end dates.

The support post ‘Need to style widget’ 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