Page 1 of 1

How to remove w3all_cssmodal_login window

Posted: Sun Oct 02, 2016 6:33 pm
by Foxy
Hi !
First of all I would thank your for your free plugin.
I've just installed it following all the instructions on my website and it works like a charm.

I only have one question about the w3all_cssmodal_login window.
I would like to know if it is possible to desactivate it ? If not how can I modify it ?

Because I have no problem with this login window here but on my website it looks strange:
Image

thx

[added=axew3]
modified title: How to remove
[/added]

Re: How to remove w3all_cssmodal_login window

Posted: Sun Oct 02, 2016 9:00 pm
by axew3
hello, the modal login is used to redirect to login inside iframe (in a raw version we could say): but it will be improved and another better way added, just with few lines of code into the page-forum(or board etc).php. It will not be more necessary.

The code about the modal login is all inside the page-(forum, board or what you have name it).php file, that you have create or paste into your active WP template folder.

To remove, you should comment to avoid execution, or delete, the follow code on it:

Code: Select all

add_action('wp_head','wp_w3all_css_modal_login');
and

Code: Select all

 <!-- START w3all_cssmodal_login div -->
<div id="w3allopenModal" class="w3allmodalDialog">
	<div>
		<a href="#w3allclose" title="Close" class="w3allclose">X</a>
		<form method="post" action="<?php echo $w3all_url_to_cms; ?>/ucp.php?mode=login" class="">
	<h3><a href="<?php echo $wp_w3all_forum_folder_wp; ?>/?mode=register">Register</a></h3>
			<label for="username"><span>Username:</span> <input type="text" tabindex="1" name="username" id="username" size="10" class="" title="Username"></label>
			<label for="password"><span>Password:</span> <input type="password" tabindex="2" name="password" id="password" size="10" class="" title="Password" autocomplete="off"></label>
							<br /><br /><a href="<?php echo $wp_w3all_forum_folder_wp; ?>/?mode=sendpassword">I forgot my password</a>
										<span class="">|</span> <label for="autologin">Remember me <input type="checkbox" tabindex="4" name="autologin" id="autologin"></label>
						<input type="submit" tabindex="5" name="login" value="Login" class="">
			<input type="hidden" name="redirect" value="<?php echo $w3urlscheme . "://" . $_SERVER['SERVER_NAME'].$_SERVER['PHP_SELF']; ?>">
	</form>
	</div>
</div><!-- END w3all_cssmodal_login div -->

Re: w3all_cssmodal_login window

Posted: Sun Oct 02, 2016 9:02 pm
by axew3
p.s to edit the css about the modal login, instead to remove it, this the code, ever on same template file:

Code: Select all

<style type=\"text/css\">
 .w3allmodalDialog {
	position: fixed;
	font-family: Arial, Helvetica, sans-serif;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
	z-index: 99999;
	opacity:0;
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
	pointer-events: none;
}
.w3allmodalDialog:target {
	opacity:1;
	pointer-events: auto;
}

.w3allmodalDialog > div {
	width: 400px;
	position: relative;
	margin: 10% auto;
	padding: 5px 20px 13px 20px;
	border-radius: 10px;
	background: #fff;
	background: -moz-linear-gradient(#fff, #999);
	background: -webkit-linear-gradient(#fff, #999);
	background: -o-linear-gradient(#fff, #999);
}
.w3allclose {
	background: #606061;
	color: #FFFFFF;
	line-height: 25px;
	position: absolute;
	right: -12px;
	text-align: center;
	top: -10px;
	width: 24px;
	text-decoration: none;
	font-weight: bold;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	-moz-box-shadow: 1px 1px 3px #000;
	-webkit-box-shadow: 1px 1px 3px #000;
	box-shadow: 1px 1px 3px #000;
}

.w3allclose:hover { background: #333; }
</style>
that is inside function wp_w3all_css_modal_login() {