Calendar doesn’t fit page

[Rough & Ready]

So confused … for the life of me I can not figure out how to make the calendar fit within my theme. I have set up the page (settings Event Calendar > Template > Page-Full Width (and have tried all other templates)) and it doesn’t want to fit. Will someone please help.
thanks

SITE: http://sarasotacountyagingnetwork.com/calendar/

[Jonah]

Hi Rough,

For some reason your sidebar is still showing above the calendar. The easiest way to remove the sidebar is to just hide it on this page. You can do this with the following CSS:

.events-gridview .sidebar2 {
display: none;
}


You can add that to your themes style.css file. That should do it but let me know if you need anything else with this.

Regards,
Jonah

[Rough & Ready]

Thanks Jonah!
That worked to remove the sidebar but the “Event List” and “Calendar” buttons are sitting up in the header and jumbled.
Any suggestions to fix it?

[Rob]

Hey Rough. Not sure if Jonah saw the follow-up (our notifications have been acting up here on the forums), but I’ve passed this his way in case he didn’t. You should get a response today.

[Jonah]

Hi Rough, unfortunately this is bug that we’re working on but will hopefully have a fix for soon.

– Jonah

[Jonah]

You can try changing your Events Template in Settings > The Events Calendar > Template to “Default Events Template” as an interim fix but you’ll still likely need to adjust the layout via CSS to get it looking right.

[Jonah]

Hi Rough, I actually found a solution for this but it’s kind of messy to have you do but if you send me your theme I should be able to get it working. You can email to jonah [at] tri [dot] be and please reference this thread.

[Rough & Ready]

Thanks Jonah!
I will be sending everything shortly.

[Jonah]

Hi Rough,

We’ve figured out what the problem is and it’s not related to our plugin. We found that at least with one of the themes where we were able to replicate the problem, it has something to do with the theme calling the wpautop function and converting newlines to p and br tags which is throwing the spacing in there. Changing the Events Template to the “Default Events Template” I think helps because the plugin then uses its own template when viewing the calendar vs. the themes page template.

In your case when I switched the Events Template to the “Default Events Template”, it resolved the issue with your calendar navigation. Unfortunately I’m not going to be able to assist with the complete solution because it involves editing multiple template files and is more time than I can spend on custom work.

You can do 1 of 2 things:

1. Stick with the “Default Events Template” and edit both the /wp-content/plugins/the-events-calendar/views/ecp-page-template.php (controls the calendar and events list pages) and /wp-content/plugins/the-events-calendar/views/ecp-single-template.php (controls the single event views) – make copies of these files and place in an ‘events’ folder in your theme. Open up one of your themes page templates (page.php) and copy markup needed for the structure into both of the plugin view files you made copies of. If you want specific content or sidebars on certain pages you’ll need to conditionally include them with PHP.

2. Use one of theme’s page templates for the Events Template and try to see if you can disable the use of the wpautop function in your theme. You would probably want to contact the theme author to get them to help you with this.

I hope that helps and good luck!

– Jonah

[Rough & Ready]

THANK YOU! THANK YOU! and THANK YOU! … for the time to figure all of this out.

[Rob]

Glad to hear that did the trick, Rough, and happy to be of service 🙂 If we can do anything else down the road please just let us know…and we’ll make it so. Cheers!

[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