Support

Home Forums Event Espresso Premium Weird Spacing issue in Calendar.

Weird Spacing issue in Calendar.

Posted: July 19, 2018 at 11:27 pm

Viewing 8 reply threads


kellyjo

July 19, 2018 at 11:27 pm

Having a very weird spacing issue in calendar in which a large space is being added on every cell and pushing down the calendar events.

https://goo.gl/HGhtsp

Any ideas?


Tony

  • Support Staff

July 20, 2018 at 4:28 am

Hi there,

The Calendar uses JavaScript so if there are any errors on the page it can cause strange issues.

On your site there’s a JS error from this code:


$("#home-slider").owlCarousel({

   // Most important owl features
   items : 1,
   itemsDesktop : [1199,4],
   itemsDesktopSmall : [980,3],
   itemsTablet: [768,2],
   itemsTabletSmall: false,
   itemsMobile : [479,1],
   singleItem : false,
   loop:true,
   nav: true,
    dots: true,
    loop: true,

   //Basic Speeds
   slideSpeed : 200,
   paginationSpeed : 800,
   rewindSpeed : 1000,

   //Autoplay
   autoplay:true,
   autoplayTimeout:1000,
   autoplayHoverPause:true,

   // Navigation
   navigation : false,
   navigationText : ["prev","next"],
   rewindNav : true,
   scrollPerPage : true,

   //Pagination
   pagination : true,
   paginationNumbers: false,

   // Responsive 
   responsive: true,
   responsiveRefreshRate : 200,
   responsiveBaseWidth: window,

   // CSS Styles
   baseClass : "owl-carousel",
   theme : "owl-theme",

   //Lazy load
   lazyLoad : false,
   lazyFollow : true,

   //Auto height
   autoHeight : false,

   //JSON 
   jsonPath : false, 
   jsonSuccess : false,

   //Mouse Events
   mouseDrag : true,
   touchDrag : true,

   //Transitions
   transitionStyle : false,

   // Other
   addClassActive : false,

   //Callbacks
   beforeInit: false, 
   afterInit: false, 
   beforeMove: false, 
   afterMove: false,
   afterAction: false,
   startDragging : false

});
$('.play').on('click',function(){
    owl.trigger('play.owl.autoplay',[1000])
})
$('.stop').on('click',function(){
    owl.trigger('stop.owl.autoplay')
})

I’m not sure where that code is from but you need to switch out the $ for jQuery as WordPress loads jQuery in no conflict mode: https://api.jquery.com/jquery.noconflict/

Once that code is fixed do you still have the same problem?


kellyjo

July 21, 2018 at 2:55 am

Hey Tony,

Thanks for the help — I’ve tried disabling that JS code for that specific page and still receiving the same spacing issues.


Josh

  • Support Staff

July 23, 2018 at 8:53 am

If you temporarily switch to one of the default “twenty”something themes and temporarily deactivate all other plugins does the spacing issue go away?


kellyjo

July 23, 2018 at 3:31 pm

Ok so it is kind of a bug and kind of not a bug. The issue wasn’t with Javascript at all.

What happened was I created an event a while ago and just set it for some random date in the future — this month happened to be that date. I have that specific Event Calendar to show a specific category. But I had put that particular event under an entirely different category.

Now here’s where that possible bug is: in the CSS itself.
Google Chrome’s Inspector reveals this:

#espresso_calendar:not(.ui-widget) .fc-event (index):93 { 
border: none;
padding: 10px;
background: none!important;
display: block!important

The last line of display block is crossed out automatically. So it’s like it is still trying to show the event while hiding it. Weird thing going on there, but ultimately, this is resolved.


Josh

  • Support Staff

July 24, 2018 at 9:05 am

I checked and couldn’t find CSS like what you posted within the plugin, so maybe that’s some custom CSS?


kellyjo

July 26, 2018 at 4:32 am

I tried to re-create it and wasn’t able to see the overlap again. It was an anomaly in the system. Glad I was able to resolve it on my own. Thanks guys.

By the way: I’m running Event Espresso on a Dedicated Server as my client definitely had more needs than the average client. Not to say that Event Espresso is a resource hog, but when she is using it for her livelihood, her business, she is using Event Espresso every day, 7 days a week.

I have a few custom scripts that work very well and tap into the API of EE4, and sometimes put it into overtime, as she is always preparing her classes and looking back on classes. She needs EE4 to do certain things that otherwise don’t come with it.

The dedicated server is barely flinching, while Event Espresso has become a working machine, so far — without errors or timeouts. I think it’ll survive the next fifty years. Are you guys ready for that kind of support? 🙂


Josh

  • Support Staff

July 26, 2018 at 10:05 am

Fantastic!

If it’s cool with your client, you might consider submitting the site for inclusion to the showcase. A nice paint and sip site would be a fine addition.

https://eventespresso.com/showcase/


kellyjo

July 28, 2018 at 8:18 pm

I will definitely ask her!

Viewing 8 reply threads

The support post ‘Weird Spacing issue in Calendar.’ is closed to new replies.

Have a question about this support post? Create a new support post in our support forums and include a link to this existing support post so we can help you.

Event Espresso