Home Forums ZA WordPress Theme Page loader timings Reply To: Page loader timings

#9943

BWSM
Keymaster

1. Yes I am refering to the page loader animation effect timings

Please login wp-admin, go to Appearance / Theme Options / Custom Css
Paste the style code to Custom Css:

.page-loading {
  -webkit-transition: all 1.2s;
     -moz-transition: all  1.2s;
          transition: all 1.2s;
}
body:not(.home) .page-loading {
  -webkit-transition: all .7s;
     -moz-transition: all .7s;
          transition: all .7s;;
}
.page-loading.visible { 
  -webkit-transition: all  1.2s;
     -moz-transition: all  1.2s;
          transition: all  1.2s;
}
body:not(.home) .page-loading.visible {
  -webkit-transition: all .7s;
     -moz-transition: all .7s;
          transition: all .7s;

}
.page-loading ~ #wrap-outer #wrap,
.page-loading ~ #wrap-outer .cover-wrap:not(.topslider-revolu),
.page-loading ~ #wrap-outer .second-fullscreen {
  -webkit-transition: all .9s;
     -moz-transition: all .9s;
          transition: all .9s;
}
.page-loading.visible ~ #wrap-outer #wrap,
.page-loading.visible ~ #wrap-outer .cover-wrap:not(.topslider-revolu),
.page-loading.visible ~ #wrap-outer .second-fullscreen {
  -webkit-transition: all .9s;
     -moz-transition: all .9s;
          transition: all .9s;
}
.mask2-show ~ #wrap-outer #wrap,
.mask2-show ~ #wrap-outer .cover-wrap,
.mask2-show ~ #wrap-outer .second-fullscreen {
  -webkit-transition: all .9s .5s;
     -moz-transition: all .9s .5s;
          transition: all .9s .5s;
}
body:not(.home) .mask2-show ~ #wrap-outer #wrap,
body:not(.home) .mask2-show ~ #wrap-outer .cover-wrap,
body:not(.home) .mask2-show ~ #wrap-outer .second-fullscreen {
  -webkit-transition: all .9s .4s;
     -moz-transition: all .9s .4s;
          transition: all .9s .4s;
}