Show button in Generateblocks time-controlled

[Frank Noack]

Hello GeneratePress Team,

Is there a possibility to fade in a button in Generateblocks time-controlled, e.g. after 10 seconds?

Thank you very much for an answer

Frank

Frank Noack
https://nerdies24.de
from Germany / Hamburg

[David]

Hi there,

it is possible with Javascript.
Add this JS to the wp_footer hook:

<script>
window.onload = function() {
    document.getElementById('fade-in-button').className = 'active';
};
</script>

And add this CSS to the site:

#fade-in-button {
    opacity: 0;
    transition: opacity 0.2s ease-in;
    transition-delay: opacity 5s;
}
#fade-in-button.active {
    opacity: 1;
}

Then give your button an ID of fade-in-button

The only problem is if a user has JS disabled in their browser the button may never appear.
There is ways around that but it would involve the button being visible to begin with.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Frank Noack]

Many Thanks David

Frank Noack
https://nerdies24.de
from Germany / Hamburg

[David]

You’re welcome

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts