The Grid - Animations Not Working

Hello,

I am using The Grid for my portfolio page and the animations I have set are not working. To be clear, I need the images to “pop up” interestingly when the page loads. I can’t seem to figure out what I am doing wrong. I want them to appear on the page similar to some of the demo pages for The Grid.

https://theme-one.com/the-grid/masonry-example-2/

http://colorisadream.com/portfolio/

Thank you in advance!

Hey Madeline,

In your Grid Settings > Animation, try setting the Animation Style to Zoom In.

If that does not help, please give us WP Admin access in a Secure Note

Thanks.

Hi Christian,

Thank you for your help. I do not see this field anywhere in the Grid Settings, or in the Global Settings. I’m sorry, can you please direct me on how to locate it?

Thank you!

Hi,

It’s under animations tab.

See screenshot

Hi,

I have tried zoom in…I have tried a variety of different styles. The images still do not have any animation.

Please look at the page I am talking about to see that even though I have configured those settings it doesn’t work.

http://colorisadream.com/portfolio/

Hey Madeline,

It looks like your current grid settings were corrupted. I imported your grid in my test site and the issue persisted. Regretfully, there’s no way to fix that so you need to create and configure a new grid. Or better yet, import a demo grid and then simply configure what you need like what I did in this test page I created in your site http://colorisadream.com/x-support-test/. The Brasilia demo is not using the Zoom In animation but I changed it and it works. You can see that it’s working in this recording.

Hope that helps.

Christian - Thank you SO much!

I’m so happy you were able to help me with this issue.

How did you import that demo grid? Was it by adding that Custom CSS class?

Also, I’m not sure if it is some caching issue but in Firefox the “X Support Test” is showing up in the navigation…only when you are on the services page. I have deleted the page and removed it from navigation so this must be some sort of bug.

Hello There,

Thanks for updating in!

To import or export a grid, please check out this documentation:
https://theme-one.com/docs/the-grid/#import_export

For your caching issue, please clear all your site caches and your browser cache as well. And then you can private browsing mode in Firefox and test your site again.

Hope this helps.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.