|
TSC
|
May 7, 2016 at 11:21 pm
I’m using the following:
EE 4.8.43.p
Calendar 3.2.6.p
WP 4.5.2
What’s happening is the events are piling on top of each other in the top left of the calendar and not on the dates they’re supposed to be, as in this screenshot:
Screenshot
The events are June 6 and June 7. What could be causing this?
|
|
Lorenzo Orlando Caum
|
May 9, 2016 at 5:58 am
Hello, your theme may be introducing some styling that is shifting the content upwards.
We can help you correct that with some new CSS.
Could you provide a link to the events calendar page on your site please?
—
Lorenzo
|
|
TSC
|
May 9, 2016 at 7:41 am
Hello,
Thanks for taking a look. The site is on this development link right now but that should not be causing the issue I think.
Thanks much,
|
|
Josh
|
May 9, 2016 at 8:07 am
Hi there,
What could be causing this is there are two copies of the jQuery library loading up on that page. Here’s a screenshot that shows the source, with each of the copies outlined:
https://www.evernote.com/shard/s4/sh/a29c3c4c-7cd6-410c-bd65-1203ab3149e7/b86e5206c77f605093adcc665023c6ab
The one copy that should be loaded is the one that’s bundled with WordPress. The other one needs to be removed. It might take a little detective work to find the code that’s loading the extra copy. It might be from the theme or another plugin.
|
|
TSC
|
May 10, 2016 at 10:32 pm
Hello,
Thanks for the info. I’ve removed the extra jQuery file but unfortunately it had no effect. Events are still showing at the top left of the calendar stacked on top of each other.
|
|
Tony
|
May 11, 2016 at 8:09 am
Hi there,
Any JavaScript errors on the page can cause problems with the Calendar as it uses JS to position the events.
Looking at your site in dev tools you’ll see something like this – http://take.ms/H1GGgF
Likely because the version bundled with WordPress runs in noConflict mode, which basically means you can not just $ as the jQuery handle.
Take a look here for more info on noConflict mode:
https://learn.jquery.com/using-jquery-core/avoid-conflicts-other-libraries/
|
|
TSC
|
May 11, 2016 at 8:49 pm
Hello,
I’ve removed the $ and changed it to jQuery and it did remove all JS errors, but it had no effect. Also, I deactivated all other plugins except for EE and EE Calendar and that didn’t have any effect either.
|
|
Josh
|
May 12, 2016 at 7:51 am
Does it have an effect if you temporarily switch to another theme? You can use the theme test drive plugin to test another theme which logged in as the WordPress admin.
|
|
TSC
|
May 12, 2016 at 10:20 pm
Switching to another theme does indeed allow the events to appear on their properly scheduled date.
|
|
Josh
|
May 13, 2016 at 8:21 am
Yes, so what’s happening is there’s a sledge hammer-esqe CSS style rule that your theme adds:
div, article, section, header, footer, nav, li {
position: relative;
}
The theme really should be setting divs to be position: relative where needed, but instead it’s setting all divs. The trouble is, the calendar needs some of the divs on the page to be static, not relative.
You can try adding the following to your custom stylesheet:
div {
position: static;
}
.header,
.footer {
position: relative;
}
You may need to tweak the above by adding additional specific div class selectors to the position: relative rule if anything else snaps out of place.
|
