|
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
|
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
|
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.
|
