I want my headers to change when specific gif play.

I am using Divi builder. I would like it when I visitors click on a header that it changes color according to the gif link to it. Please follow the links.

http://infoflobilling.staging.wpengine.com/estimates-4/

https://infoflomobile.tinytake.com/sf/MTU4OTIyNV81NDMwNTA1

https://infoflomobile.tinytake.com/sf/MTU4OTIzNV81NDMwNTE1

    Adam Czajczyk

    Hello Chris,

    I hope you're well today and thank you for your question!

    I watched your video explanation and I'm afraid that would be very difficult to achieve. Animated GIF - from browser point of view - is just an image, like any other image. We can't easily detect if it has ended or get started and affect other parts of the page upon this. It would have to be some move with a player embedded and then it would require some additional JS code based on that player's API. It'd be a custom development job a bit outside of the scope of this form so you might want to ask for it on our "Jobs & Pros" job board here (please note: no WPMU DEV staff involved!):

    https://premium.wpmudev.org/wordpress-development/

    That said, what I could help you with would be this part of your goal (assuming that aforementioned GIFs are three separate GIFs):

    - upon page load the first "header" is marked with some color and the first GIF is playing
    - headers' colors change appropriately upon user click and relevant GIF is loaded and played.

    Would that help? If yes, please share these GIFs with me and also grant me an access to your site (via WPMU DEV -> Support page in your site's dashboard) so I could check how your theme is built/structued.

    Best regards,
    Adam