Fullwith page for Events List View

[Tyler]

Hi All,

I’ve got an Events page up and running here (screenshot attached)…
http://dev-chiefofstaffexpert.pantheonsite.io/events/

Works great.

However, I’d like to loose the left and right sidebars and have the page be full width.

I’ve got my theme (Buddy from Ghostpool) setup to have all pages default to fullwidth, but this has no effect on the events page.

I’m assuming this is b/c it’s a custom post type, but I can see where/how to configure the page to be full width.

Thanks,
Eric

[Andras]

Hi Eric,

Thanks for using our plugins! Let me try to help you with this one.

I have couple of options in mind how you could solve this:

1. Check in your theme’s settings whether you can switch off the sidebars for the blog. (That’s only a good solution if you also do not want the sidebars on your blog page.)
2. You could customize the template files of The Events Calendar to exclude the sidebars. Here’s our themer’s guide and a template overiew to help you in that.
3. You could use a plugin like Widget Logic to define what widgets are shown on what page.
4. You can do some CSS tweaking in your themes (child themes) style.css file to simply hide the 2 sidebars. Below is a sample:


.post-type-archive-tribe_events #content-wrapper aside { display: none; }
.post-type-archive-tribe_events #left-content-wrapper, .post-type-archive-tribe_events #left-content-wrapper #content { width: 100%; }


The fastest is copying the CSS code in your style.css file, but it is the least elegant. 🙂 But it works.

Let me know if this helps!

Cheers,
Andras

[Tyler]

Andras,

Perfect thanks! I went with the CSS option.

Cheers,
Eric

[Andras]

Hey Eric,

I’m glad I could help!

I am going to go ahead and close this ticket, but if you need help on this or something else please post a new ticket.

Cheers and have a great weekend!

Andras

[Author]

Posts