How-to avoid the black screen with progress bar?

FTP
Posts: 3
Joined: Tue Jun 11, 2019 2:49 pm

How-to avoid the black screen with progress bar?

Post by FTP » Tue Jun 11, 2019 2:56 pm

Hi,

I've just installed your WP plugin and everything is working fine.
Great job, thanks! :P

I just have one question: how-to can I remove the black screen with progress bar that's displayed when we arrive on the phpBB page?
That's the last thing I really need to do.

Thanks!

User avatar
axew3
w3all User
w3all User
Posts: 1631
Joined: Fri Jan 22, 2016 5:15 pm
Location: Italy
Contact:

Re: How-to avoid the black screen with progress bar?

Post by axew3 » Thu Jun 13, 2019 12:55 pm

the preloader?

if you want change it or remove, open your forum-page.php or whatever-you-named-it-page.php
into your WP active template folder.
Open it with text editor and remove following lines:

Code: Select all

// pre loader js code for iframe content 
jQuery( document ).ready(function() {
 jQuery('#w3_toogle_wrap_loader').attr( \"class\", \"w3_wrap_loader\" );
});
jQuery(window).load(function() {
 jQuery('#w3_toogle_wrap_loader').attr( \"class\", \"w3_no_wrap_loader\" );
});
so related html single line:

Code: Select all

<div id="w3_toogle_wrap_loader" class="w3_no_wrap_loader"><div class="w3_loader"></div></div>
If you want to remove related css also, that by the way you can leave (or change as you like if needed) because will not throw any error in this case if you leave it in place, it is this:

Code: Select all

<style type=\"text/css\" media=\"screen\">
.w3_no_wrap_loader{
display:none;
}
.w3_wrap_loader{
position:fixed;
top:0%;
bottom:0%;
left:0%;
right:0%;
background: rgba(0,0,0,0.8);
z-index: 99999;
opacity:90;
-webkit-transition: opacity 400ms ease-in;
-moz-transition: opacity 400ms ease-in;
transition: opacity 400ms ease-in;
width:100%;
display:flex;
align-items: center;
text-align:center;
pointer-events: none;
}
.w3_loader {
height: 8px;
width: 30%;
position: relative; left: 50%;
transform: translateX(-50%);
overflow: hidden;
background-color: #ddd;
border-radius: 20px;
margin:0px;padding:0px;
}
.w3_loader:before{
height: 8px;
border-radius: 20px;
display: block;
position: absolute;
content: \"\";
left: -200px;
width: 200px;
background-color: #2980b9;
animation: loading 2s linear infinite;
}

@keyframes loading {
from {left: -200px; width: 30%;}
50% {width: 30%;}
70% {width: 70%;}
80% { left: 50%;}
95% {left: 120%;}
to {left: 100%;}
}
</style>
NOTE: after closing </style> tag there is the character
"
which need to remain in place.
You have to remove exactly these lines/code, and avoid to leave correct starting/closing tags or remove with no accuracy eliminating also the closing " instruction character.
But this may you already know!
If anything more, just post

FTP
Posts: 3
Joined: Tue Jun 11, 2019 2:49 pm

Re: How-to avoid the black screen with progress bar?

Post by FTP » Sat Jun 15, 2019 11:49 am

Sorry, I didn't had any email notification.
axew3 wrote:
Thu Jun 13, 2019 12:55 pm
the preloader?

if you want change it or remove, open your forum-page.php or whatever-you-named-it-page.php
into your WP active template folder.
Open it with text editor and remove following lines:

Code: Select all

// pre loader js code for iframe content 
jQuery( document ).ready(function() {
 jQuery('#w3_toogle_wrap_loader').attr( \"class\", \"w3_wrap_loader\" );
});
jQuery(window).load(function() {
 jQuery('#w3_toogle_wrap_loader').attr( \"class\", \"w3_no_wrap_loader\" );
});
so related html single line:

Code: Select all

<div id="w3_toogle_wrap_loader" class="w3_no_wrap_loader"><div class="w3_loader"></div></div>
Thanks. Perfect! :)

Post Reply