Support

Home Forums Event Espresso Premium EE4 Calendar Event Thumbnails Overlapping

EE4 Calendar Event Thumbnails Overlapping

Posted: February 5, 2018 at 8:53 pm


CWAG

February 5, 2018 at 8:53 pm

Hello,

I’m experiencing an issue on the calendar view of event espresso 4. When you first visit my calendar: https://classwithaglass.com/calendar/ the event thumbnails look like they are all clumped together and overlapping. However when I refresh the page they are showing the correct responsive week layout and allowing for more space. Why is this being so inconsistent? Do you have any advice for how to prevent the overlapping event thumbnails? I have it set to be responsive in the backend.

Overlapping Screenshot: https://www.dropbox.com/s/f2q3snnk7jx7liv/Screen%20Shot%202018-02-05%20at%207.46.18%20PM.png?dl=0

Correct Screenshot: https://www.dropbox.com/s/65835512wxul5sk/Screen%20Shot%202018-02-05%20at%207.46.28%20PM.png?dl=0


Josh

  • Support Staff

February 6, 2018 at 8:14 am

Hi CWAG,

If you test a different theme (like one of the default twenty{something} themes) do the images still overlap?


CWAG

February 7, 2018 at 9:49 pm

Hello, I’m seeing that it’s something with the custom theme. I’m looking at the code inspector but I can’t locate anything obvious that is causing the conflict. As soon as I resize the browser, the calendar resizes itself and the problem is fixed. Very strange. Any ideas?


Josh

  • Support Staff

February 8, 2018 at 7:28 am

Hi there,

The line of CSS that needs to be removed from the theme is in css/style.css, line 396. The style rule is:
height: auto !important;
and it’s right after this selector:
#espresso_calendar .fc-event[class] {

Can you remove the style rule that sets the height to auto? That’s actually conflicting with the calendar’s JavaScript.

The support post ‘EE4 Calendar Event Thumbnails Overlapping’ 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.

Support forum for Event Espresso 3 and Event Espresso 4.
Documentation for EE3 and EE4
Documentation for Event Espresso 3

Documentation for Event Espresso 4

Status: closed

Updated by  Josh 3 months, 2 weeks ago ago

Topic Tags

Notifications

This topic is: not resolved
Do NOT follow this link or you will be banned from the site!