Home › Forums › ZA WordPress Theme › Page loader timings
Tagged: Loader
- This topic has 24 replies, 2 voices, and was last updated 10 years, 3 months ago by
SeaTheme.
-
AuthorPosts
-
February 10, 2016 at 4:21 pm #9869
Hi – can you advise:
1. How to reduce the timing on the page loader as it is too long for simple text pages.
2. Also how to change the background colour of the contact page, how do I specify this for only one page?
Thank you
February 10, 2016 at 4:26 pm #9870Also:
3. The menu on the side pushes the page to be longer than needed, is there a way of stopping this. The content of the site will minimal and often doesn’t require the page to scroll but the scroll bar appears even when not needed.
Thanks
February 11, 2016 at 2:32 am #9875Hi,
1. Page loader timings
Did you talk the Page loader Animation Effect time?
2. Also how to change the background colour of the contact page, how do I specify this for only one page?
Please login wp-admin, go to Appearance / Theme Options / Custom Css
Paste the style code to Custom Css (change as your contact page id, change as the your colour value):
.page-id-826 #wrap-outer {background: #333;}February 11, 2016 at 4:49 am #98803. The menu on the side pushes the page to be longer than needed, is there a way of stopping this. The content of the site will minimal and often doesn’t require the page to scroll but the scroll bar appears even when not needed.
I am clear this question. please give more tips.
FW: You could not choose “hiding menu bar” option to show the side menu bar on page option.February 17, 2016 at 7:33 pm #9940This reply has been marked as private.February 17, 2016 at 7:35 pm #9941This reply has been marked as private.February 18, 2016 at 2:37 am #99431. 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; }February 18, 2016 at 2:51 am #99442. Not sure how to find the page id but will have look
https://www.ostraining.com/blog/wordpress/how-to-find-the-page-id-in-wordpress/
3. The menu on the side pushes the page to be longer than needed, is there a way of stopping this. The content of the site will minimal and often doesn’t require the page to scroll but the scroll bar appears even when not needed.
These custom css will stop pushing on “hiding menubar” tamplate:
Please login wp-admin, go to Appearance / Theme Options / Custom Css
Paste the style code to Custom Css:.navi-side.with-page-cover.scrolled:not(.ux-mobile) #wrap, .navi-side:not(.ux-mobile) #wrap, .navi-side:not(.ux-mobile) #footer{ padding-right: 0; } .navi-side.with-page-cover.scrolled:not(.ux-mobile) #header { display:none; }February 18, 2016 at 6:21 pm #9952This reply has been marked as private.February 19, 2016 at 3:14 am #9953This reply has been marked as private.February 22, 2016 at 11:28 am #9983This reply has been marked as private.February 23, 2016 at 3:28 am #9992Did you want the home page to show a fullscreen image without menu bar and footer bar?
1) Use “Hiding side menubar” template
2) Try to use this custom css, this css is for hide menu bar and footer bar for this page(id:991) only.page-id-991 #wrap, .page-id-991 #footer {display:none;}FW: there is format issue on your custom css(https://www.dropbox.com/s/wdb8bg3ofo9fplp/QQ20160223-2.jpg?dl=0), I fixed it
Also the page loader still takes a long time to open on to the intended page, is there a way of shortening this more?
The Page loader Animation Effect time and page loader time are 2 things.
If you want to optimize loading speed:1) Better update web server speed. I ping it, it is not fast: https://www.dropbox.com/s/heujrmdpha2pjm4/QQ20160223-3.jpg?dl=0
2) Use some plugin to create cache after finished the site building: https://seatheme.net/forums/topic/optimize-loading-speed/
February 24, 2016 at 5:03 pm #10015This reply has been marked as private.February 24, 2016 at 5:11 pm #10016This reply has been marked as private.February 24, 2016 at 5:20 pm #10017This reply has been marked as private.February 25, 2016 at 2:23 am #10018I make the menu shown now,
1) use a slider mod into fullwidth wrap, set the fullwidth wrap as: https://www.dropbox.com/s/i9ymmwmt7fc2c2o/QQ20160225-0.jpg?dl=0
2) Hide the footer by custom css:.page-id-991 #footer {display:none;}March 9, 2016 at 2:01 pm #10131This reply has been marked as private.March 10, 2016 at 1:42 am #101351. If you use “hide menu template”, the slider should be set here: https://www.dropbox.com/s/6u87j10znd02uzq/QQ20160310-1.jpg?dl=0
2. If you want to change all pages BG color: Set Page BG color here: Appearance / Theme Options / Schemes / Page/Post Bg Color
If you set only one page BG color(contact), use custom css.
Or if you use Pagebuilder in contact page, you could set the fullwidth wrap BG color as black(I have changed in your site)March 11, 2016 at 4:44 pm #10149This reply has been marked as private.March 12, 2016 at 2:48 am #10161Try to use custom css:
body.ux-mobile .fullscreen-wrap {height: auto!important;} body.ux-mobile .rev_slider_wrapper { width: 100%!important; }March 14, 2016 at 12:08 pm #10172This reply has been marked as private.March 14, 2016 at 12:18 pm #10173This reply has been marked as private.March 14, 2016 at 2:29 pm #10175This reply has been marked as private.March 14, 2016 at 2:40 pm #10178This reply has been marked as private.March 15, 2016 at 12:24 am #10179Use the custom css:
.ux-mobile #rev_slider_7_1_wrapper { left: 0!important; }I have put it into Rev slider. https://www.dropbox.com/s/frsipa2pzlofppi/QQ20160315-0.jpg?dl=0
-
AuthorPosts
- You must be logged in to reply to this topic.
