Editing the Advanced List Widget

[Carl]

Hello again,

I truly appreciate the support that I’ve received so far. The issue that I am having at the moment is that I want to 1) liven up the display of the Event List Advanced Widget as it appears on our site (http://wp.me/25sU0) . 2) Also, I’d like to fix a few aspects of how it appears. As you can see with the events list, there are some events which have been ongoing for a few months but don’t display an end date. I have “End Date” checked on the widget menu.

With regards to #1, I’d like to bolden the text and perhaps make the font bigger. I’m really not sure how I do that within “views/events-list-load-widget-display.php”. I apologize for my novicity (not sure if that is a word today). For #2, I’d like to add some texting stating that the event started on “blah blah” date and not just the date appearing without any explanation. That way our users can understand that we have not just been sitting around and not updating the calendar. I’d like it to perhaps display similar to the way it does here (http://goo.gl/BWmcm) with just a simple “Start Date” or something like that. I looked around the forums and couldn’t really find anything regarding this issue.

Once again, I apologize for not begin up to speed on these things.

Cheers,

Carl

[Jonah]

Hi Carl,

To bolden/enlarge text in the widget your going to be better off using CSS to do this. An example to get you started is something like this:

.eventsAdvancedListWidget .event a {
font-size: 20px;
font-weight: bold;
}

You can put that in your themes style.css or the plugin’s CSS file ( /wp-content/plugins/the-events-calendar/resources/events.css – make sure to make a copy of this file and place in an ‘events’ folder in your theme )

Another thing to note here is that if you did want to actually edit the view file (to change some of the markup or order of data displayed for example), you’ll want to edit /wp-content/plugins/events-calendar-pro/views/events-advanced-list-load-widget-display.php instead because when you have PRO activated this is the view used for the list widget.

To achieve #2 you will need to edit /wp-content/plugins/events-calendar-pro/views/events-advanced-list-load-widget-display.php – here’s a quick, simple example as a starting point: https://gist.github.com/2901645

I hope that helps, but let me know if you need anything else.

Cheers,
Jonah

[Carl]

Hi Jonah,

Thanks for your help through this. When I try to edit the ..events.css, it is showing as “inactive” in my dashboard. I have Events Calendar showing as active in my list of plugins. When I made the change that you suggested, nothing happened. Does this have anything to do with the .css file being inactive? Let me know if you need more info.

-Carl

[Jonah]

Hi Carl,

Not sure why it would be showing inactive but I never edit CSS in WordPress so I wouldn’t know why that’s happening. It might be a permissions thing… You should be working with a copy of /wp-content/plugins/the-events-calendar/resources/events.css placed in an ‘events’ folder in your theme. Please make sure that’s the case.

– Jonah

[Carl]

Thank you so much for this Jonah. This livened up the Events Titles on my list.

[Carl]

I have one further question and apologize if this is covered somewhere else. Is it possible for me to reorder the events list to display like this: 1. Event Title, 2. Start Date, 3. End Date, 4. City. Thanks again for all your help!

[Jonah]

Hi Carl,

Yep, just make a copy of /wp-content/plugins/events-calendar-pro/views/events-advanced-list-load-widget-display.php and place in an ‘events’ folder in your theme and the edit and change around the PHP however you want to re-arrange, add or remove things.

I hope that helps!

– Jonah

[Author]

Posts