Is it possible to remove the animation via css for the 'animated title' shortcode. We are using the 'colour strip reveal' option and whilst it looks good it's not triggering on the page after an AJAX form submission moves the user back up.
If you submit the form the animated titles fail to trigger (on Safari) as they need the scroll so I juts want to turn off the animation so they are there from the beginning.
By the way the CSS was only to work on that one page i.e. https://philmaffetone.com/method-step-1/ that is why we recommended you add it to the page settings area but if you move it to salient \ general settings - css script related - custom css code then it should apply for the whole site.
Could you confirm on this and if you are still experiencing the issue then respond with temporary admin access - username password with admin privileges - and also the version of safari in use.
Is it possible to remove the animation via css for the 'animated title' shortcode. We are using the 'colour strip reveal' option and whilst it looks good it's not triggering on the page after an AJAX form submission moves the user back up.
Hey Simon,
Thank you for contacting us. I'd be happy to help.
In order for us to assist you better, could you please provide us with the URL to the specific page you're referring to?
Best Regards.
Hi Andrew
https://philmaffetone.com/method-step-1/
If you submit the form the animated titles fail to trigger (on Safari) as they need the scroll so I juts want to turn off the animation so they are there from the beginning.
Correct at:
http://prntscr.com/gmwev2
Missing at:
http://prntscr.com/gmwfe7
Thanks, Si
Hi Simon,
Apologies for the late reply.
You can disable the animation with this CSS:
.nectar-animated-title[data-style="color-strip-reveal"].completed .nectar-animated-title-inner:after{ animation:none; transform: none; }Add it to that page only on the page settings area. See attached screenshot.
Hope this helps.
Hi Andrew
That doesn't seem to have done the trick sadly.
There is still some animation on the text by the looks of it and it doesn't display after submitting the form.
https://philmaffetone.com/method-step-3/
Any ideas?
Thanks, Si
Hi Simon,
Apologies for the late reply.
The issue does not happen for us here https://philmaffetone.com/method-step-3/ and we can see the CSS we provided.
By the way the CSS was only to work on that one page i.e. https://philmaffetone.com/method-step-1/ that is why we recommended you add it to the page settings area but if you move it to salient \ general settings - css script related - custom css code then it should apply for the whole site.
Could you confirm on this and if you are still experiencing the issue then respond with temporary admin access - username password with admin privileges - and also the version of safari in use.
Thanks.
Hi Andrew
The code been applied to each page rather than global.
We found we had to add the following css:
.nectar-animated-title[data-style="color-strip-reveal"] .nectar-animated-title-inner:after{
animation:none;
transform: none;}
.nectar-animated-title[data-style="color-strip-reveal"] .nectar-animated-title-inner .wrap{
animation:none;
transform: none;}
.nectar-animated-title[data-style="color-strip-reveal"] .nectar-animated-title-inner .wrap *{
animation:none;
transform: none;}
.nectar-animated-title[data-style="color-strip-reveal"].completed .nectar-animated-title-inner .wrap, .nectar-animated-title[data-style="color-strip-reveal"].completed .nectar-animated-title-inner .wrap *{
animation:none;
transform: none;}
.nectar-animated-title[data-style="color-strip-reveal"].completed .nectar-animated-title-inner:after{
animation:none;
transform: none;}
is there a better way to write it?
Thanks, Si
Hi Simon,
Global would be at salient \ general settings - css script related - custom css code and the CSS would be added to all the pages in the header area.
You can use that are if you have not but if it does not work then you will need to add the CSS to each page.
Cheers.
Hi Simon,
It is and we would have probably come up with the same.
Cheers.