How-to avoid the black screen with progress bar?

[FTP]

Hi,

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

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!

[axew3]

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]

Sorry, I didn't had any email notification.

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!