|
Elizabeth
|
June 12, 2014 at 8:16 pm
This is from last year and still not right. Thumbnails do not show the entire image unless you go forward a month, then back.
|
|
Dean
|
June 13, 2014 at 4:55 am
Hi,
What version of EE and the EE calendar are you using? Have you made sure you have cleared your browser and site cache (if applicable)? Can you provide a link to en example please?
|
|
Elizabeth
|
June 13, 2014 at 7:26 am
Rollover several of the thumbnails to see what I am referring to: You will see the taller ones get cut off until you go forward a month, then back.
https://masterpiecemixers.com/braselton/
|
|
Lorenzo Orlando Caum
|
June 13, 2014 at 11:42 am
Hi,
The thumbnails within the calendar appear to be okay:
June – http://cl.ly/image/0M2Z1G2w103j
July – http://cl.ly/image/1q1J461i3C3s
Back to June – http://cl.ly/image/3U243E2Y0B2B
The tooltips that pop with the image are being cut off: http://cl.ly/image/0q1g0B11201h
You can fix this by adjusting the placement of the tooltip in calendar settings.
—
Lorenzo
|
|
Elizabeth
|
June 14, 2014 at 2:06 pm
The thumbnails are the ones cutting off. When you roll over, that image shows fine.
|
|
Elizabeth
|
June 14, 2014 at 2:09 pm
Look at the image you sent me for June (http://cl.ly/image/0M2Z1G2w103j). Look at June 2nd, the lady with flip flops. No go to the calendar and rollover it. It then shows the entire image. The thumbnail should look just like that. The height should just scale based on the width.
|
|
Elizabeth
|
June 14, 2014 at 2:19 pm
I got it:
Using: “variable” – The calendar will have either 4, 5, or 6 weeks, depending on the month. Each week will have the same constant height, meaning the calendar’s height will change month-to-month.
I had it set to “fluid”.
Having customer test just to make sure.
|
|
Dean
|
June 16, 2014 at 1:13 am
Please let us know if this resolves your issue or not.
|
|
Elizabeth
|
June 20, 2014 at 7:47 am
Actually, it did not fix the issue.
|
|
Dean
|
June 23, 2014 at 12:14 am
Hi,
Thanks for getting back to us.
What version of EE and the Calendar are you using?
What browser/s (and version if known) are you seeing this issue in?
|
|
Elizabeth
|
June 23, 2014 at 7:05 am
I am using the latest ones you have on the site.
All browsers.
|
|
Josh
|
June 23, 2014 at 7:39 pm
Hi Dorian,
It turns out this is a feature to prevent overlap. While they are not cut in half, the overflow property for the event wrapper is set to be hidden.
We recommend uploading portrait oriented images with a ratio 4 high to 3 wide. If you want to go with a taller ratio than this, you can work around this with a bit of CSS added to your theme:
#espresso_calendar .fc-event-inner {
overflow: visible;
}
#espresso_calendar .event-has-thumb {
padding-bottom: 10px;
}
Please note that if the image gets closer to 5/3 height to width, you’ll see some overlap.
|
|
Elizabeth
|
June 23, 2014 at 7:51 pm
I will try it out.
The problem is that my customer has to have the taller images for people to see. If she scales it down the picture will be tiny. She also needs them to see the entire image.
|
|
Josh
|
June 23, 2014 at 9:10 pm
Portrait images are fine, and they do not need to be scaled (although the page will load more quickly if they’re scaled to the correct size). In this case though, it’s the proportion of the image that is making the difference. You can see that not all of the images are getting cut, and the ones that are overflowing are the ones that are taller than a 4 high by 3 wide ratio. It may help to explain to the person that’s selecting and uploading the images that portrait images on the calendar should ideally be sized 225 pixels wide by 300 pixels tall. Anything taller may get hidden because they’ll overflow, unless you add the CSS in the above reply.
|
