About Page loading

[SeaTheme]

There are 2 kinds of page loading: index page(home page) loading and normal page loading

You could change the css transition in line 145-205 of style.css.

index page(home page) loading:

.site-loading {
  width: 100%; height: 100%; position: fixed; z-index: 9999; opacity: 1; visibility: visible;  
  -webkit-transition: -webkit-transform 1.5s;
  -moz-transition: -moz-transform 1.5s;
  -ms-transition: -ms-transform 1.5s;
  -o-transition: -o-transform 1.5s;
  transition: transform 1.5s;
}
...
.site-loading.visible {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
	transform: translateX(-100%);
}
...

normal page loading:

.page-loading {
	position: fixed; z-index: 9999; opacity: 0;visibility: hidden; left: 0; top: 0px; right: 0px; bottom: 0px;
  -webkit-transition: all 1.5s;
  -moz-transition: all 1.5s;
  -ms-transition: all 1.5s;
  -o-transition: all 1.5s;
  transition: all 1.5s;
}
...
.page-loading.visible {
  opacity: 1; visibility:visible; 
  -webkit-transition: all 1.5s;
  -moz-transition: all 1.5s;
  -ms-transition: all 1.5s;
  -o-transition: all 1.5s;
  transition: all 1.5s;
}...

You could forbid the normal page loading in Theme-option.

Best,Bwsm

[Author]

Posts