Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • February 17, 2016 at 11:57 am #584613
    Guenni007

    if some visitors do not scroll down – the animated content isn’t visible for print-layout.
    Some users are only interestet in printing the website before reading it (could happen)
    Is there a way to get for Print-Layout a global not animation at all rule :lol: ?

    February 18, 2016 at 8:03 pm #585638
    Vinay

    Hi Guenter!

    Sure you can do that… add a print icon to social icons and when user click on Print icon you can run some jQuery which will open the current page in new tab without any animated classes.

    Or simply use a print plugin like https://wordpress.org/plugins/search.php?q=print

    Please let us know if you need us to make a jQuery script for you.

    Cheers!
    Vinay Kashyap

    • This reply was modified 8 years, 9 months ago by Vinay.
    February 19, 2016 at 3:43 pm #586130
    Guenni007

    yes that will be nice to have but i have made my own print rules via quick css by adding
    @media print { … } but if animated content isn’t visible because user does not scroll down. these rules go to nothing.
    so is there a global rule like 

    * {
-o-transition-property: none !important;
-moz-transition-property: none !important;
-ms-transition-property: none !important;
-webkit-transition-property: none !important;
transition-property: none !important;

-o-transform: none !important;
-moz-transform: none !important;
-ms-transform: none !important;
-webkit-transform: none !important;
transform: none !important;

-webkit-animation: none !important;
-moz-animation: none !important;
-o-animation: none !important;
-ms-animation: none !important;
animation: none !important;
}

    but it does not work

    February 19, 2016 at 8:58 pm #586310
    Vinay

    Hi!

    That’s a nice approach Wild Card will work if applied CSS specificity is higher than the already existing CSS for animated elements but it is very inconsistent approach as some elements have more specificity and cannot be over written ( for example if it is a inline css transition applied ) so i recommend using jQuery method to open the link in new window and remove all classes and inline styles that are related to animation from the DOM so all elements will be visible in the browser without user having to scroll down.

    Regards,
    Vinay Kashyap

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.