|
Elizabeth
|
March 6, 2017 at 8:00 pm
How do you get them to not be square? We have pics that are taller than wide.
I currently use the following:
/**Display thumbnail on iphone**/
@media only screen and (max-width: 480px) {
#espresso_calendar .thumb-wrap {
display: block !important;
}
}
|
|
Elizabeth
|
March 6, 2017 at 9:11 pm
** so the background would have to adjust to the image size. We have some thumbnails twice as tall as the smallest one so the background needs to adjust with the size.
Example: Look at March 21st : https://www.masterpiecemixersgv.com/calendar/
The 3 events there have tall images. Look on a phone. The thumbnails are square so you cant see the entire image.
|
|
Elizabeth
|
March 7, 2017 at 8:58 am
Also, pics on the main calendar get cut off: https://www.masterpiecemixersgv.com/calendar/
March 21 again for example. I need all calendar pics whether on a computer or phone to show the entire image no matter the height. The width can stay the same for all.
Email from my customer: “Please fix ASAP…this really sucks. I am super annoyed. Just looked at several competitors big and small and you can see all their pictures.”
|
|
Elizabeth
|
March 7, 2017 at 11:16 am
I appreciate you guys getting to my tickets so quickly…this one is extremely urgent 🙂
|
|
Josh
|
March 7, 2017 at 11:17 am
Hi Dorian,
May I ask can you post some links of your competitors calendars? I wonder if they’re posting images that are formatted the same way yours are.
|
|
Elizabeth
|
March 7, 2017 at 11:23 am
The issue with the EE4 calendar is that it is cropping the image to a square. I just need them not cropping so they all show the entire image.
I’ll have her send me the ones she is seeing
|
|
Elizabeth
|
March 7, 2017 at 11:25 am
https://www.pinotspalette.com/johnscreek/events
|
|
Elizabeth
|
March 7, 2017 at 11:27 am
They have it automatically go to list view on phone..you have to click view calendar
|
|
Josh
|
March 7, 2017 at 12:40 pm
I’m not seeing a view calendar button to click there. You could used the same strategy they’re doing for small screens and hide the calendar and show the list for small screens. Also they’re not using tooltips, and that’s where you’re having troubles with images right?
|
|
Elizabeth
|
March 7, 2017 at 1:14 pm
Did you pull up our calendar on a phone? https://www.masterpiecemixersgv.com/calendar/
The pop up tooltip is not the issue. All of the small thumbnails on each day are cropped to a square. I need them to show the entire image.
|
|
Elizabeth
|
March 7, 2017 at 1:16 pm
https://www.pinotspalette.com/johnscreek/events – there should be an yellow button that says Calendar View when on a phone.
|
|
Elizabeth
|
March 7, 2017 at 1:33 pm
Is there a way to do a mobile List View like this? http://m.paintingwithatwist.com/lawrenceville/calendar/
*with the small thumbnail.
|
|
Josh
|
March 7, 2017 at 1:47 pm
OK so you have some CSS that’s making those images cropped on the smallest of screens and you can override those rules by adding the following to your custom stylesheet:
@media only screen and (max-width: 480px) {
#espresso_calendar .fc-event {
max-height: 5em !important;
}
}
|
|
Elizabeth
|
March 7, 2017 at 2:14 pm
YAY!!!!! That was it!!!! 🙂
Any way to fix on the main calendar as well from them getting cut off?
|
|
Josh
|
March 7, 2017 at 2:21 pm
May I ask what do you mean by the main calendar? Haven’t we been looking at the main calendar?
|
|
Elizabeth
|
March 7, 2017 at 2:28 pm
yes but on mobile. On computer the images also get cut off.
|
|
Josh
|
March 7, 2017 at 3:55 pm
The images don’t get cut off on the desktop when I look at it.
|
|
Elizabeth
|
March 7, 2017 at 4:07 pm
Thanks…I’ll check on other sites of ours. My customer says it cuts off on her end.
|
