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? 2,006Support 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 Review Envato Item Support Policy Follow us! https://www.clapat.com/https://www.facebook.com/clapat.ro https://www.instagram.com/clapat.themes/https://x.com/clapatdesignhttps://www.linkedin.com/company/clapatstudiohttps://www.tiktok.com/@clapatstudio 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
Review Envato Item Support Policy
Follow us!
https://www.clapat.com/
https://www.facebook.com/clapat.ro
https://www.instagram.com/clapat.themes/
https://x.com/clapatdesign
https://www.linkedin.com/company/clapatstudio
https://www.tiktok.com/@clapatstudio