Animation Not working

Hello!

Could you tell us :
– Which version of WordPress you are using
– Which version of CoBlocks you are using
– Which block you are trying to animate

Thank you! That would help us a lot to pinpoint to issue ??

Thanks for the reply!

I’m using latest version of WordPress 6.3.1

I’m using latest version of CoBlocks 3.1.4

Almost every block i’m trying to animate isn’t working.

On the backend when you apply animation it shows the animation effect but when you load the site on the front end its not working.

Note: this is happening only to new pages that I create. 1 week ago I had created few pages the animation is working fine on it. But now the animation doesn’t work at all.

I used Chrome and Firefox browser on my laptop. I have even tested it on my smartphone with chrome browser. Same issue. Animation not working for any new elements.

I have built the site hosted on Hostinger, the blocks don’t animate. I created pages and applied animation with laragon local installation, even there its not working. So its not browser or server issues either.

Thanks!

• This reply was modified 1 year, 2 months ago by Mohammed.

Do you guys have an update on this issue. The animation on any blocks isn’t working at all.

OK, I have made it a bit easy for you guys, this error is happening only when you use default 2023 Theme. The animation isn’t working on that one, on other themes like 2022 theme its working fine. Now can you guys fix this please?

I’m on it!

Do you guys have an update on this. My entire work is stalling because of this one issue. Kindly do the needful and make Animation work in 2023 theme.

Hello @khangood,

It looks like it’s not specificaly related to the selected theme, but to the fact that the animations CSS isn’t always bundled in the page with Twenty-Twenty-Three (but it could do this on other themes too). Actually, it’s style-coblocks-1.css (which is CoBlocks main CSS file) that is missing. We will need to ensure that the animation CSS is always bundled, like we already do with the coblocks-animation.js file.

I don’t have an ETA for this fix right now, but one quick solution would be to ensure there’s always a CoBlocks block in your page so all the styles are loaded.

For exemple, if you only add paragraphs (Core blocks), you will see animations in the editor because animation CSS is always bundled in the editor, but not on your site, bacause the page isn’t using CoBlocks’ blocks and thus the required styles are missing. Once you add a Shape Divider (you can set it to 0px height) it will enqueue style-coblocks-1.css in your page and you should now see the animation.

Thanks for suggesting the workaround, it worked.

But its not enough.

You gotta fix this permanently please.

Looking forward for this fix in the next plugin update.

Thank you!