-
Posts
-
Hello,
A couple more questions about re-sizing images in the Upcoming Events Widget (from post #577471)
Please see the widget at http://rotarycentreforthearts.com/ – Upcoming Events sectionQuestion 1
A few images are being disproportionately re-sized from a rectangle to a square. Examples include Feel the Rhythm Drum circle (pg 1) and Salsa Thursdays (pg 2). They only seem to source the original image.Other events with proportionately re-sized images reference multiple image versions and re-size a square version instead. Is it possible to do this for all images in this widget?
Question 2
When a user clicks page 2 of the Upcoming Events widget, the whole page is reloaded and the user is bumped to the top of the page. Is it possible to just reload the section and remain at that point on the page?Thanks
PS – Basilis, I’m more that happy to rate and comment on the theme – you all have been awesome support!
Hi!
please use different tickets for different questions.
1.) WordPress is cropping images by default when uploading them. You can control this behavior with a plugin like https://de.wordpress.org/plugins/simple-image-sizes/
Best regards,
AndyApologies, I will re-post question 2.
RE question 1: There is no cropping happening, it is instead squishing a rectangular image into a square size. Here’s an example of an event post that’s using the original (rectangular) image as it’s source, and re-sizing to a square in the upcoming events widget:
<img width="180" height="101" alt="salsa" class="av-upcoming-event-image wp-post-image" src="http://cdn.rotarycentreforthearts.com/wp-content/uploads/salsa.jpg" scale="0">In contrast, images from other event posts are sourcing different versions of the image, and using a square version. These images display well in the upcoming events widget.
<img width="180" height="180" sizes="(max-width: 180px) 100vw, 180px" srcset="http://cdn.rotarycentreforthearts.com/wp-content/uploads/cal-nv-logo11-80x80.jpg 80w, http://cdn.rotarycentreforthearts.com/wp-content/uploads/cal-nv-logo11-36x36.jpg 36w, http://cdn.rotarycentreforthearts.com/wp-content/uploads/cal-nv-logo11-180x180.jpg 180w, http://cdn.rotarycentreforthearts.com/wp-content/uploads/cal-nv-logo11-120x120.jpg 120w, http://cdn.rotarycentreforthearts.com/wp-content/uploads/cal-nv-logo11-450x450.jpg 450w, http://cdn.rotarycentreforthearts.com/wp-content/uploads/cal-nv-logo11-50x50.jpg 50w" alt="New Vintage Theatre" class="av-upcoming-event-image wp-post-image" src="http://cdn.rotarycentreforthearts.com/wp-content/uploads/cal-nv-logo11-180x180.jpg" scale="0">Can it be changed so they all use a source set?
Thanks
Hey!
Where can we find an example of this issue? If you’re trying to implement WP’s Responsive Images feature to the widget, unfortunately, the theme doesn’t have full implementation of this feature yet. You can request for that feature here: https://kriesi.at/support/enfold-feature-requests/
Cheers!
IsmaelHi Ismael,
An example of the widget is here http://rotarycentreforthearts.com/ – Upcoming Events section
I looked up WP’s Responsive Images feature and yes, it appears that is what I’m looking for. Not all the events in the widget are using it. Examples include Feel the Rhythm Drum circle (pg 1) and Salsa Thursdays (pg 2).
I guess I will request the feature, so that the images are displayed consistently. Thanks
Hi!
The salsa post is not using the correct thumbnail (180x180px). http://cdn.rotarycentreforthearts.com/wp-content/uploads/salsa.jpg
Did you create the post prior to activating the theme? If yes, remove the featured image then upload it again.
Best regards,
IsmaelHi Ismael – that worked perfectly. If I re-upload those images, a new set is created and they resize properly in the widget.
BTW, I did not place a feature request. This is solved.
Thanks so much
- You must be logged in to reply to this topic.