Okay
  Public Ticket #896218
Black fade transitions between pages
Closed

Comments

  •  2
    Alle Jan started the conversation

    Hello,

    I bought the SOHO theme and I'm rwally loving it. I would like to make black transitions between the pages, and when I go into portfolio items. In the style.css I found the following part, But I don't see where I can activate it. 

    #black-fade {

     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background-color: #000;
     opacity: 0;
     z-index: 15;
     -webkit-transition: all 0.3s ease-in-out 0.2s;
    -moz-transition: all 0.3s ease-in-out 0.2s;
    -o-transition: opacity 0.3s ease-in-out 0.2s;
    transition: all 0.3s ease-in-out 0.2s;

    }

    #black-fade.fade-in { opacity: 0.8; }

    #black-fade.display-hide{ visibility: hidden; opacity:0; }

    #black-fade:hover { cursor: pointer; }


    As far I can see the fading is managed by Animasion script with its own CSS. Is this to be to create the desired effect?


  •  1,822
    Support replied

    Hi,

    Here is what you need to do for have a dark page transitions. Add this style in Theme Options > Custom CSS:


    .animsition, .animsition-overlay {
        background-color: #000;
    }


    Regards


    Thank you.

    Clapat Support

    https://www.clapat.com/

    Review Envato Item Support Policy