Support

Home Forums Events Calendar Add-on Calendar Thumbnail Image Overlap Solution

Calendar Thumbnail Image Overlap Solution

Posted: October 16, 2013 at 6:20 am

Viewing 0 reply threads


Wardi Sanusi

October 16, 2013 at 6:20 am

Hi all. Just wanted to share with everyone who has problems with the calendar thumbnail images overlapping with the next entry.

This is what I found worked for me, but may not work for everyone. What I did was define a min-height for each calendar entry in fullcalendar.min.js. It stops the overlapping but it also means that each entry will have a pre-define minimum height… which for my case is 170px.

Here’s my steps:
1. Open up fullcalendar.min.js in your text editor such as TextWrangler app.
2. locate style='position:absolute;z-index:8;left:"+c+"px;"+u+"'"+">"+"
3. insert min-height:170px; so it looks like style='position:absolute;z-index:8;min-height:170px;left:"+c+"px;"+u+"'"+">"+"
4. Save it and upload into your site espresso calendar plugin scripts folder
5. empty cache and see if it works.

Hope this helps. I’ve tried it using Safari, Firefox and Chrome on my Mac. and it seems to work.

Best regards.

Viewing 0 reply threads

The support post ‘Calendar Thumbnail Image Overlap Solution’ 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