Posted: May 31, 2020 at 1:19 pm
|
We have been revamping site and deleted the last 5 years worth of events and starting fresh for upcoming summer classes. So trying to get images and all to look nice. When uploading a featured image to an event and that IMAGE SIZE is 480×640, I end up with an even larger image on some of the the event espresso pages BUT I end up with the actual image size on other event espresso pages that use the CATEGORY-SHORTCODES to list the events. Orignal Image size: 480×640 ( {{{{{{ same image, but something is blowing it up even larger then it should be on desktop and laptop. It does shrink correctly on mobile and tablet.)}}}}}} How its displayed on these different pages of site ================= WEB URL: /adult-classes USES Category Shortcode Adult-classes -on desktop image 2800W screen size is 480*640 – Mobile Iphone Plus SCREEN SIZE 414 Wide: Image size: 331W/441H So basically, on all of the EE pages Single event and Events List the images get blown up to large and don’t shrink enough on Desktop, Laptop, Ipad and Ipad pro. Then, on the Event Espresso Shortcodes List of events, the images are the actual image size uploaded, but don’t really adjust much for the smaller screen sizes. The images are to tall. Here is the list of all my image sizes using a plugin called “Simple Image Sizes” ======================================== MY IMAGE SIZES Screenshot# 2: https://www.screencast.com/t/htEvCQHYbc What can I edit, to make sure images related to EE don’t get blown up larger then the actual image size. OR What do I need to start making my image sizes to fit properly and look good on those EE pages so that the picture isn’t longer then the persons viewport. Becuase now, they have to actually scroll the page just to get past the image becuase they get blown up so much. Viewing that list of image filters, what can I change and regenerate thumbnails so it looks proper? |
|
In short, some outputs are completely controlled by your theme and EE just injects event details into the_content, others may be controlled by EE, such as shortcodes.
The ‘something’ will be your theme.
/classes/ is the archive output, it will be from your theme’s
The output of the featured image, is controlled by Event Espresso on that output as it’s using the ESPRESSO_EVENTS shortcode.
Ok, in short, your theme (Divi) is loading the images blown up and then EE is loading them at the actual size but not responsive enough (likely because we don’t use classes your theme expects).
I have no idea here as that’s not from Event Espresso, you’ll need to find something that works for you theme output. If you let me know the sizes you want to use on specific outputs I can give you CSS that will work those. |
|
The support post ‘Featured, Events Lists, Event Single Images Help’ 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.
