Event calendar widget

[Elaine K West]

I am having trouble customizing the Events Calendar widget.

I would like to be able to have a button on the sidebar widget that takes you to the calendar itself in addition to the listings which take you to their event page.

Also, as we have it, there is a lot of unused space within the event listing.

And finally, is there a way to change the colors on the calendar itself and within the widget? Other than the categories of course.

-Katie

[Geoff]

Hey Katie and welcome to the forums! I hope you’ve been enjoying The Events Calendar + EDD Tickets so far. Thanks for your support. 🙂

Good questions. Let’s see if we can hit these one at a time.

I would like to be able to have a button on the sidebar widget that takes you to the calendar itself in addition to the listings which take you to their event page.

I think the best way to do this would be a template override. You can find more on this in our Themer’s Guide, but it basically boils down to this:

• Make a copy of the list-widget.php template. It is located at /plugins/the-events-calendar/views/widgets/list-widget.php.
• Make a new folder in your theme directory called tribe-events.
• Make a new folder in that one called widgets.
• Drop the copied list-widget.php file in that last folder.

Now that the template is in your theme, it can be modified to suit your needs. In this case, add the button to wherever you would like it to appear in the template and target it to link to the calendar slug (/events).

Also, as we have it, there is a lot of unused space within the event listing.

This can certainly happen when there are conflicts with the theme styles. Using the same sort of technique in the last question, go ahead and create a new CSS file called tribe-events.css and drop it in the tribe-events folder you created previously.

You can add this to that file to remove some of that extra spacing:

.tribe-mini-calendar-list-wrapper .location {
margin: 0;
padding-top: 0;
}

And finally, is there a way to change the colors on the calendar itself and within the widget? Other than the categories of course.

Absolutely. You can use the same CSS file we just created in the last step to change an elements you would like in the calendar. I’d suggest heading over to this tutorial for an overview of how to use DevTools to located the styles you want to modify and then use those in the CSS file.

Does this help get you started? Please let me know. 🙂

Cheers!
Geoff

[Elaine K West]

Hi Geoff,

Thank you for the help. I hate to sound like an idiot, but I can’t seem to get to the list-widget.php.

I am not at all a developer so all of this is new and foreign to me.

Could you provide a little more detail about how to get to it?

Thanks

[Geoff]

Sure! That file is in your site’s plugin directory–meaning you will need access to the files. This post in the WordPress Codex dives into how to do that a little deeper.

Once you are able to access your site’s files, you can navigate to the template using this path from the main folder:

/wp-content/plugins/the-events-calendar/widgets/list-view.php

Then you can follow the rest of the directions from there. 🙂

Geoff

[Support Droid]

This topic has not been active for quite some time and will now be closed.

If you still need assistance please simply open a new topic (linking to this one if necessary)
and one of the team will be only too happy to help.

[Author]

Posts