Editing default /events page

[Meleah]

Hi!

How would I go about editing the default events page? I want to add a slider and a sidebar. I already made a separate calendar page using shortcodes that looks like how I want it to, but I eventually want to purchase the filter bar add-on and from what I read that only works on the default events page.

I have attached screen shots of how the default page looks like and how I want it to look.

Thanks!

[George]

Hey Meleah,

Thanks for reaching out.

Editing the main “Events” page unfortunately requires some custom coding beyond the scope of support that we can provide here.

The gist of what you’d need to do is to use the methods described in our Themer’s Guide to modify this file within The Events Calendar’s plugin files:

the-events-calendar/src/views/default-template.php

Please let me know if this helps and if there are any other issues or questions I can try to help with!

— George

[Meleah]

Hey George,

Thank you for your help! I was able to create a new Calendar page template and was able to embed the slider and add a sidebar. Only problem is that the default theme sidebar keeps showing instead of the new Events sidebar that I have created for my new Calendar template page. I know I have embedded the Events sidebar correctly into the Calendar page template because when I turn it on on any page the sidebar and the slider shows. The default sidebar is only showing on the default events page (aikenbellamagazine.com/events). This has me thinking that there is a setting in the Events Calendar or the Events Calendar Pro plugin that has it set to always use the default sidebar. I was wondering if you could help with this or point me in the right direction.

Thanks!

[George]

Hey Meleah,

Thanks for your followup.

We’re unfortunately not able to help with any custom coding or design-related issues here, so the best thing I can recommend for specific page design issues is to write custom CSS on your site to fix any issues that arise.

Definitely check out a [free!] tool like Firebug if you use FireFox, or the Developer Tools for either Safari or Chrome. They have “Inspector” tools that let you zoom right over the element whose styles you want to change/fix.

---

As a quick example, while it’s true that we cannot help with custom coding or design tweaks, I took the liberty of checking out your /events/ page nonetheless to see if I could recommend some custom CSS to get you started here 😉

You should be able to make some progress by adding CSS like the following to the bottom of your theme’s style.css file:


body.post-type-archive-tribe_events #secondary {
display: none !important;
}

body.post-type-archive-tribe_events #primary {
width: 100% !important;
}


☝️ This may require further elaboration or refinement to get things like just right. You will have to take the reins on any such elaboration or refinement—but I hope this helps you get started!

Cheers,
George

[Support Droid]

Hey there! This thread has been pretty quiet for the last three weeks, so we’re going to go ahead and close it to avoid confusion with other topics. If you’re still looking for help with this, please do open a new thread, reference this one and we’d be more than happy to continue the conversation over there.

Thanks so much!
The Events Calendar Support Team

[Author]

Posts