Styling of “Recently Viewed” Product Images
-
Hello,
Could you please tell me how I can make the images in the “Recently Viewed” products section not get cropped like this, either with CSS or through Elementor? Personally, I don’t like the way it looks, and I think it appears unattractive.
Is there something that can be done about it?
Best regards,
Nikola
Attachments:
You must be
logged in to view attached files.
Hi ivoltbg,
Thanks for reaching to us.
You should deactivate all plugins (except WoodMart Core, Elementor and WooCommerce Plugins) and then reactivate them one by one. This makes it very easy to isolate the plugin causing problems.
Regards,
Hung PD
Hi,
I tried, same result. In my opinion, this issue occurs when there are stretched images in width and they are not a symmetrical square. That might be the reason for this distortion, which looks quite ugly in the place I described. Could you fix it?
Best regards, Nikola.
Hi ivoltbg,
Thanks for your patience.
Please confirm me back if you resolved the issue.
Regards,
Hung PD
Hello,
The issue with the image cropping in “Recently Viewed Products” is still not resolved. I had deactivated all plugins, and as you can see at the end of the video, the image remains cropped instead of being fully visible in the “Recently Viewed Products” section on the homepage. Exactly there, in my opinion, it shouldn’t matter whether the image is elongated or not. You are fixing it to be small anyway.
Video: https://go.screenpal.com/watch/cTQj1tno0AU
Please review this setting, as I believe it can be fixed on your side.
Best regards,
Nikola
Hi ivoltbg,
Thanks for your patience.
You are using Recent Posts
widget with fixed image sizes. Please use Recently viewed products
widget instead https://ibb.co/nqhrDPpf
Regards,
Hung PD
Hi,
I couldn’t quite understand what you mean. Could you please explain it to me again?
Best regards,
Nikola
Hi ivoltbg,
Please go to Appearance > Widgets and follow the screenshot to change the widgets.
Regards,
Hung PD
Hi, I found where these widgets are, but I can’t understand exactly what I’m supposed to change in them?
Best regards,
Nikola
Hi, thank you. It was a bit difficult for me to grasp, that’s what I meant above. Sorry if I sometimes drag out the topics, but I want to understand what I’m doing, and that’s why I ask multiple times.
I’m attaching a screenshot of how I managed it thanks to your instructions. I like the result.
You can close the topic.
Best regards,
Nikola
Attachments:
You must be
logged in to view attached files.
The topic ‘Styling of “Recently Viewed” Product Images’ is closed to new replies.