Home Forums Aside WordPress Theme About Page loading

This topic contains 0 replies, has 1 voice, and was last updated by  BWSM 4 years, 4 months ago.

Viewing 1 post (of 1 total)
  • Author
    Posts
  • #3331

    BWSM
    Keymaster

    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

Viewing 1 post (of 1 total)

You must be logged in to reply to this topic.