Archived topic
Related Product widget (Elementor) image/column issue
3 replies · Started by Sophie on September 12, 2021
Hi,
For some reason the Related Product widget is showing smaller images/columns on the live site rather than the backend. I want to show 3 columns and have set the columns gap which works fine in the editor screen, however when I go to view it's more spaced out. I think it may be reducing the default image thumbnail size, but there's nowhere to edit this in the widget - which is why I thought I'd check if it's a theme issue/default.
Here's the backend/how I'd like it to display:
https://prnt.sc/1s05gb4
& what's showing on the front end:
https://prnt.sc/1s05k5h
The site is currently in maintenance mode, however I can set it to staging if you'd like to see it on a live link. There's no cache currently set on the site, and I also found this forum topic and CSS however this didn't help: https://generatepress.com/forums/topic/woocommerce-product-images-not-displaying-correctly/
Thanks!
Hi Sophie,
Generally, the theme doesn't control layouts done within a page builder(Elementor).
Elementor has its own styling for its widgets and its asset queuing always wins in precedence over the theme.
While I can try helping you out, it's best to ask plugin-specific questions to their proper support forum. I suggest asking Elementor forums for this particular issue.
But before that, make sure to clear all forms of cache and check again. This normally fixes styling issues.
Thanks - I actually managed to since fix this somehow. I found the GP column settings in the Customiser for Woo - they were already on 3, but I think changing them here and changing them back seemed to fix
Nice one. Thanks for letting us know. Glad you got it sorted. :D