Hi Rikard

You can close this topic, thanks a lot.

Best regards
Michael

Hi Rikard

Thanks for your reply.

Unfortunately I can’t give you access to the website due to the contract with the customer. Furthermore, the website is not live yet.
I already tried to make the background of the image overlay transparent, remove the transition etc. – nothing solved my issue for the SVG so far. Maybe it is because it is not embedded as normal image, but via code block as I posted above.

Best
Michael

Thank you very much for your help Guenni007 and Ismael – that worked perfectly!
However I used your solution Ismael, changed the offset value to 50% and used a hex value for the color.

Is there a documentation about Enfold “waypoint” somewhere where I can see what it is capable of? I basically want to add this feature to images as well, because I have this h2 titles on the page and right below an icon which should change its color from black to green as well. Tried it like this:

$('.image-change-on-scroll').waypoint(function(direction) {
            $(this.element).css('img url', 'https://startpage.com/wp-content/uploads/2018/07/Logo_green.png');
        }, {offset: 'bottom-in-view' , triggerOnce: true, offset: '50%'});

But as mentioned if I have a documentation I might be able to figure it out by myself.

Best regards and thanks again
Michael

Hi Mike

Exactly what I wanted to achieve – thank you so much! Worked flawless.
I did not expect getting an answer that fast on a Sunday, my respect.

Best regards
Michael