How to Configure the Events Calendar Display Settings

Posted OnJun 26, 2014     CategoryPlugins     CommentsNo comment

In this section of the guide, we will take you through the process of configuring the Display Settings of the Events Calendar WordPress Plugin.

Step 1) Login to the WordPress Dashboard.

Step 2) Head to the Settings page on the Events Plugin on the left-hand sidebar of the Dashboard, and click on Display when you are on the Settings page.

1 - Display Settings

Step 3) On the Basic Display Settings, you are given a choice of three stylesheets, which will change the way your calendar looks when it’s live. These stylesheets are: ii) Skeleton Styles – A basic, minimal design for people who want to build their own calendar style. ii) Full styles – A stylesheet that tries to grab styles based on what Theme you have. iii) Tribe Events – The default setting and a fully styled sheet that saves the user the legwork.

2 - Basic Display

Step 4) The Events Template can be changed to suit what you need from your calendar and how it looks on your site, from Front Page to Full-Width with no sidebar. Change it around and see what works best for your site. You can also change the calendar to show events in terms of days or months, disable the events search bar and allow for more than 3 events to show per day when the calendar is in month view.

3 - Events Listing

Step 5) The date format settings allow you to alter how your dates are shown on your calendar. For a guide on how to format the dates, read the attached guide. It only takes a moment to get to grips with it. You can also change the way that dates and times are separated, and the start and end times are separated. For example, a Date and Time separator with @ would be 1st January @ 9am, and a start and end time would be 9am-5pm. There is also the option to change how the date is formatted, for example, 01-01-2015, 1-1-15 and so on.

4 - Dates

Step 6) The Advanced Template settings are for users who know their HTML. On this section, you can add HTML code both before and after the events on your calendar. This can be useful if you want to add announcements or any sidebars to your dates and events.

Step 7) Don’t forget to Save Changes when you’re finished.

5 - Advanced

The next step of the guide will focus on How to Add a New Event to the Events Calendar.


Leave a Reply

Your email address will not be published. Required fields are marked *

Send this to friend