Motion text front page


#1


I like the motion text but I would like to stop when the text is completed and not reversing back or make the call to action buttons not moving with the text (this will be the best) The problem is that the button is constantly moving the you try to click on it. Can you provide a solution for this?


#2

should have said:
*“the button is constantly moving when you try to click on it”


#3

Hi,

Please check following topic in order to change animation loop count https://athemes.com/forums/topic/couple-of-questions/

Best Regards


#4

I opened the file but my file is different than the one they are talking about.
I just would like to have the text animated and stop when reach the end, and don’t start again.


#5

Hi,

Inside theme folder / js / scripts.js (last long line) change this.loopCount=this.options.loopCount to this.loopCount=1 and animation will loop once and stop.

Best Regards


#6

Thanks a lot, this did the work.
Is there anyway that I can hide the cursor blinking at the end?


#7

Hi,

You are welcome,

Very interesting question, thank you. This can be handled with JS, but also with CSS. CSS transitions, beside all around :hover or :focus, can also be triggered on media query after around 10s since your typed text is long and it lasts around 10s.
Try to apply custom css code below:

span.typed-cursor {
    visibility: visible;
    -webkit-transition: visibility 10s linear;
    -moz-transition: visibility 10s linear;
    -o-transition: visibility 10s linear;
    transition: visibility 10s linear;
}

@media only screen and (min-width: 1px) {
    span.typed-cursor {
        visibility: hidden;
    }
}

Of course, you can change 10s value if needed.

Best Regards