Broken since update

@erichmond
sorry for the issue. It seems you have custom css, which might need to be updated. /themes/ginneria/styles.css contains:

.wp-block-eedee-block-gutenslide {
    padding-right: 0;
    padding-left: 0;
}
.wp-block-eedee-block-gutenslide {
    padding-right: 150px;
    padding-left: 150px;

is not from our plugin. Can you please try removing those lines, there is a block setting for slide vertical and horizontal padding at the very bottom of the Gutenslider settings.

Can you show a demo with the image not showing. Might also be some css from your theme or other plugins.

Please also go to the backend and hit “Update” once on the pages/posts in question. And try deleting caches / minified css / js.

Hope that helps

I’ve added an image to one of the 3 sliders, as you’ll see nothing is showing for the image slider and the sliders themselves are not rotating?

Infact, now I’ve added a new slider it seems to have removed the previous slides I’d already setup ??

@erichmond,

are you the author of the “ginneria” theme? Please first remove lines 66,67,69 from your themes style css ( as they add the paddng to gutenslider slides ).

Second, Gutenslider makes use of the loading="lazy" attribute for images that was introduced in WordPress 5.5: https://make.www.ads-software.com/core/2020/04/08/lazy-loading-of-images-is-in-core/

Do you have a plugin or theme function active, that disables that attributes on images? If yes, please make sure that it is not disabled for images with the selector wp-block-eedee-block-gutenslider .eedee-background-div img.

If that does not help, or you need any other assistance, please get back to us.

It looks like its an issue with WooCommerce, I’m was using the slider on the main shop page that used to work, I’ve swapped the theme to use Shopfront and still the slider doesn’t work, however, it does work on standard WP pages and posts, just not on the main shop archive page.

• This reply was modified 3 years, 6 months ago by Elliott Richmond.

We will surely release an update with a workaround (disable lazy loading) the following month. It seems that one plugin you are using (maybe WooCommerce) disables the loading=lazy attribute on images like I said. But Gutenslider currently relies on it to work. I am not sure if you can dig deeper but you could surely ask in their support forum.

One way of finding out which plugin causes Gutenslider to fail is to disable all but Gutenslider and then enable 1 by 1 and see when it stops working.

@erichmond is Gutenslider working now for you the way you want, and can I close this issue?

closing for now, if you continue having issues please open a new thread

No, its still not working and is definately to do with WooCommerce, I’ll see if I can dig deeper and find a filter to re-enable it or reach out to WooCommerce on this issue.