[Plugin: The Events Calendar] grid overshoots the content area

Thanks for the words, Vaibhav! Glad to hear you’re enjoying the plugin so far.

First thing I’d suggest right off the bat: have you tried switching to a different template option under Settings -> The Events Calendar -> Template? If I’m understanding the cause of this issue that ought to do the trick. Let me know if not, though, and we can continue to try and troubleshoot on our end.

hey Rob,
thankyou for your reply over email and here too.. i am definitely having a look and will keep you informed on how it goes..

this is what u had suggested over email:

* It could be a permalinks-related issue. Resave your permalinks page to reset them.
* Make sure you’re running the latest version of the plugin (2.0.5).
* Try to identify whether this is a conflict with another plugin. You can do so easily by deactivating any other plugins you’ve got active and checking whether the issue persists.
* If it isn’t a plugin conflict, it may be a theme one. If after deactivating all other plugins the issue persists, please revert to the default 2011 theme and test whether it’s an issue there.

Let me know if one of those does the trick. If not, we’d be happy to take a look at this for you, but would you mind posting on the forums for this plugin at www.remarpro.com first? The forums are the best place to handle support issues such as this one and will allow me to bring in a dev to respond as needed. If you wanted to send me over a link to the thread once it’s published that would allow me to get it to the appropriate party on our end.

thanks again..

Hey Rob,
I tried the following, yet ??
1. Resaved my permalinks page.. this is the structure
/%year%/%monthnum%/%postname%/

2. deactivated all the plugins , yet i get to see the same error.
3. I believe its an issue with the theme as it is working perfectly fine here: https://www.pashmina.bz/events/
4. I even tried the various themes under the settings for Events calendar yet it gives the same problem..
the problematic link is: https://www.ektitli.org/testing/events/2012-07/

please suggest.
thanks

Looks like a CSS issue to me. The top calendar table is 2234 pixels wide. I can’t see where that is set in the CSS but that’s where you need to look

Nick Froome

i am not able to sort this out… request for help as i dont wish to deactivate this plugin..

Hey there vaivhavdugar. It does sound like Nick’s suggestion is where you need to look; let me see if a member of our dev team can point you in the right direction as to modifying that file when they hit the forums this afternoon. Stay tuned.

All you’ve got to do is override this styling that’s being set in https://www.ektitli.org/testing/wp-content/themes/unspoken/skins/unspoken-brockman/unspoken-brockman.css

.grid .hentry {
width: 300px;
padding: 20px 0;
border-top: 1px dotted #DDD;
margin-right: 20px;
float: left;
}

Override that with something like:

#tribe-events-content .grid .hentry {
width: auto;
}

You can put that either in your themes style.css file or the plugins /wp-content/plugins/the-events-calendar/resources/events.css file (make a copy and place in an ‘events’ folder in your theme.

I hope that helps!

hey tried that.. but , it still isn’t working.

this is what i have done..

in my respective themes folder i created a folder called events and moved all the 5 files as mentioned.

then i added this code in the events.css file

#tribe-events-content .grid .hentry {
width: auto;
}

i did the same in the following file
https://www.ektitli.org/testing/wp-content/themes/unspoken/skins/unspoken-brockman/unspoken-brockman.css

infact i have now removed this code in the same css file as above

.grid .hentry {
width: 300px;
padding: 20px 0;
border-top: 1px dotted #DDD;
margin-right: 20px;
float: left;
}

and rechecked, but it still isn’t working.

Your CSS doesn’t seem to be taking effect. I don’t see any changes in your CSS. Please verify that the CSS you are changing is actually changing because that should work. I tested it in Chrome Developer Tools.

Hi,

I was finally able to get this done. The changes were not noticable inspite of disabling W3TC cache plugin. I later realized it was due to the cache feature in “cloudflare” {www.cloudflare.com}. once i deactivated cloudflare, the changes showed an effect immediately.

Thank you for all the help and efforts.

In gratitude
Vaibhav

Hi there Vaibhav. Glad to hear you got this resolved, and thanks for confirming as much.

If we can do anything else down the road please let us know and we’ll do what we can to assist. Similarly, if you’re enjoying the plugin, we sure would appreciate you marking us a “Works” or giving a positive star rating here on www.remarpro.com. Thanks again for your support so far.