cleforweb

@gdmilos
I already tried this and it is not working at all. It is not only “L” but all sizes. I am working on the removal of CoBlocks from several sites.

Thank you for a quick response.

The thing is that I don’t want to pause on hover but on interaction. I want it to be paused if the visitor clicks on an arrow or image for a lightbox pop-up.

I have the latest version of a plugin (2.3.0) and the code in the mentioned topic looks the same. I changed it and got the desired behavior.

It will be nice, if this is possible, to put the options for the slider: stop on hover, stop on interaction.

Anyhow, thank you for your help and this excellent plugin.

• This reply was modified 2 years, 12 months ago by cleforweb.

I solved this by this css:

.xdsoft_datetimepicker {
z-index: 10000000000 !important;
}

Thank you.

Solved.
Thank you.

Thank you.
The problem is solved.
Thank you.

OK. Thank you.

OK. Thank you.

It is

.matchMedia("(prefers-reduced-motion: reduce)")

from
wp-content/plugins/jetpack/_inc/blocks/slideshow/view.js

Temporary solution for me is replacing this with

.matchMedia("(prefers-reduced-motion: no-preference)")

What do you think?

Thank you.
True, animations not working for me if I turn off built-in animations for Windows. That means that it also not working for others with same setting.

Some other plugin animations for Gutenberg blocks also not working.
E.G.
Blocks Animation: CSS Animations for Gutenberg Blocks: not working.
Gutenslider, Co blocks carousel, and all other sliders plugins: working.
Thank you.

Thank you.
The problem is solved.
Thank you for nice wishes.

It seems that the cause is “Show animation” Windows 10 setting. I turned it on and it is working although a little bit strange. The block first appears on the right side of the screen and, after a delay, slides to the place.

Here it is.
https://printed-tipped.jurassic.ninja/
There is a block “Animated text” lower on the page with a red background. Animation is set: slide in right, four second delay.

Tested several other browsers on the desktop computer.
It is working only in Edge.
Also it is working on a mobile phone (Android) in all browsers.

Desktop, Chrome.

It seems that I solved this by adding this code to custom css:

.qubely-section.alignfull {
    width: auto;
    max-width: 1000%;

    margin-right: calc(50% - 50vw) !important;
    margin-left: calc(50% - 50vw) !important;
}

Thank you.