Comments 2Alle Jan started the conversationSeptember 19, 2016 at 7:51pmHello,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,974Support repliedSeptember 23, 2016 at 3:19pmHi,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;}RegardsThank you. Clapat Support https://www.clapat.com/ Review Envato Item Support Policy Sign in to reply ...
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?
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