We've tried hard to make The Events Calendar play nicely with as many themes as possible. Unfortunately, because of the incredible amount of diversity among themes, it is simply impossible to make our calendar look perfect in every single case.
Fear not, however, as there are a number of ways you can tweak things. Depending on the nature and severity of the problem, it can often be quite simple to remedy theme display issues.
Start with the Events Template Setting
Your first stop should be the Events > Settings > Display admin screen, where you should take a look at the Events template setting. By default you should be able to choose between these options:
- Default Events Template
- Default Page Template
You may also see other templates that are specific to your theme.
So try experimenting with these template options, and remember to save your changes!
Template Overrides and Custom CSS
If you cannot achieve a satisfactory calendar appearance by way of the Events template option mentioned above, and are not averse to writing a little code, then you could also consider template overrides and/or custom CSS.
First, set the aforementioned Events template option to Default Events Template. Then go ahead and tweak the template by means of a template override as outlined in our Themer's Guide.
If that only partially helps (or doesn't help at all!), then you may find you need to change or add CSS rules to your theme's stylesheet. You might even discover that The Events Calendar's own CSS rules are getting in your way! If this is the case, then you can disable what styles are loaded by The Events Calendar by heading back to the Events > Settings > Display settings screen in your wp-admin.
The Default stylesheet used for events templates setting lets you choose between three levels of styling:
- Tribe Events Styles — Our most comprehensive level of styling, and the default option.
- Full Styles — This also adds a lot of styling, but leaves much of the styling open to your theme's own "look and feel" to shine through via the theme stylesheet.
- Skeleton Styles — This is a very minimal level of styling, and is ideal for those who wish to roll their sleeves up and build their own custom set of rules.
You can toggle between these options and view how they affect things on the front end. Doing so will not erase any stylesheets or style rules anywhere on your site, so try out all of the stylesheets available! The last two options may be particularly useful if you are at home writing your own CSS.
If you're having trouble integrating your theme with Events Calendar PRO, you can also post to our premium help desk to see if we can help out.
⚠️ But please note:
- The Events Calendar and its add-ons will not integrate smoothly out of the box with every single theme out there. We will do our best to point you in the right direction, but we cannot provide extensive theme support.
- If you are wondering about theme compatibility, we recommend that you test your theme with our free core plugin before purchasing the PRO version.