')}.swal-close-button-outside i.icon-close{background-image:url('data:image/svg+xml;charset=utf-8, ')}.swal-label-required{display:inline-block;position:relative;right:9999px;margin-left:10px}.swal-label-required:after{position:absolute;font-size:14px;right:-9999px;font-family:FontAwesome;content:"\f05d";display:inline-block;color:#f85c49;top:0;font-weight:100}.swal-popup-animation{opacity:0;visibility:hidden}.theme4 .swal-icon-block{margin-bottom:10px}.social-networks{margin-right:10px;float:left;width:100%}.swal-login-networks{margin-bottom:0}.swal-icon-block.icon-amazon,.swal-icon-block.icon-facebook,.swal-icon-block.icon-google,.swal-icon-block.icon-linkedin,.swal-icon-block.icon-twitter{border-radius:3px;color:#fff;font-size:14px;line-height:26px;height:40px!important;padding:8px 0;vertical-align:middle;display:inline-block;-webkit-box-shadow:0 1px 1px 0 rgba(0,0,0,.3);-moz-box-shadow:0 1px 1px 0 rgba(0,0,0,.3);box-shadow:0 1px 1px 0 rgba(0,0,0,.3)}.theme4 .swal-icon-block.icon-amazon,.theme4 .swal-icon-block.icon-facebook,.theme4 .swal-icon-block.icon-google,.theme4 .swal-icon-block.icon-linkedin,.theme4 .swal-icon-block.icon-twitter{padding:7px 15px;height:auto}.theme4 .swal-icon-block.icon-amazon,.theme4 .swal-icon-block.icon-facebook,.theme4 .swal-icon-block.icon-google,.theme4 .swal-icon-block.icon-linkedin,.theme4 .swal-icon-block.icon-twitter{border-radius:3px}.swal-icon-block.icon-facebook{background:#48629b}.swal-icon-block.icon-twitter{background:#1fccff}.swal-icon-block.icon-google{background:#fff;color:rgba(0,0,0,.54);font-family:Roboto,sans-serif;font-weight:500}.signin-google{background-color:#fff;background-image:url('/wp-content/plugins/sw-ajax-login/assets/img/google_light_normal@2x.png');background-size:18px auto;background-repeat:no-repeat;background-position:0 3px;width:18px;height:24px;line-height:24px;margin-top:-2px;vertical-align:middle!important}.swal-icon-block.icon-linkedin{background:#0077b5}.swal-icon-block.icon-amazon{color:#000;background:#f8cf5f}.ajax-auth .fa.fa-amazon,.ajax-auth .fa.fa-facebook,.ajax-auth .fa.fa-linkedin,.ajax-auth .fa.fa-twitter,.ajax-auth .signin-google{font-size:19px;padding-top:2px;vertical-align:top;display:inline-block}.theme4 .fa.fa-amazon,.theme4 .fa.fa-facebook,.theme4 .fa.fa-linkedin,.theme4 .fa.fa-twitter,.theme4 .signin-google{margin-right:15px!important}.swal-icon-block{width:100%}.amazon-login-button,.fb-login-button,.google-login-button,.linkedin-login-button,.twitter-login-button{text-align:center}@media only screen and (max-width:480px){#popup-wrapper-ajax-auth{left:0;margin-left:0}.inner-text-ajax-forms{width:100%;float:right;height:auto;min-height:120px;position:relative;padding:20px 15px;color:#fff}.inner-form-ajax-forms{width:100%;float:left}.ajax-auth h4:after{width:80px}.ajax-auth h4:before{width:80px}}@-ms-viewport{}.icon-arrow-up,.icon-close,.icon-basket,.icon-magnifier,.icon-social-facebook,.icon-social-instagram{font-family:'simple-line-icons';speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-arrow-up:before{content:"\e607"}.icon-close:before{content:"\e082"}.icon-basket:before{content:"\e04e"}.icon-magnifier:before{content:"\e090"}.icon-social-facebook:before{content:"\e00b"}.icon-social-instagram:before{content:"\e609"}.gc{margin-left:-15px}.span-1-2{width:50%}@media only screen and (max-width:480px){.mobile-1{width:100%}}.gc{zoom:1}.gc:before,.gc:after{content:" ";display:table}.gc:after{clear:both}p{margin:0 0 20px!important}#wrapper ol,#wrapper ul{margin-bottom:20px!important}html .menu-item a{font-size:14px}.sh-header-mobile-navigation .header-logo img{max-width:100%}input[type=text],input[type=password],input[type=email]{border:1px solid #d5d5d5;color:gray}input[type=text],input[type=password],input[type=email]{line-height:40px!important}.ajax-auth input[type=text],.ajax-auth input[type=password],.ajax-auth input[type=email]{padding-top:0!important;line-height:40px!important;height:40px!important}.checkboxStyle label{left:0}.field-icon{right:10px}.sh-back-to-top{bottom:100px}@media screen{.ajax-auth{max-width:320px}#popup-wrapper-ajax-auth{background-color:#fff;color:#333}.ajax-auth a.text-link,.ajax-auth h4{color:#b2b0b0}.ajax-auth h4:after{background-color:#b2b0b0}.ajax-auth h4:before{background-color:#b2b0b0}.login_overlay{background-color:rgba(0,0,0,.5)}.ajax-auth h3 a{color:#e25c4c}.ajax-auth .submit_button{background:-moz-linear-gradient(top,#e25c4c,#d85242);background:linear-gradient(to bottom,#e25c4c,#d85242);background-color:#e25c4c;border-color:#c43e2e;box-shadow:0 1px 0 #ff7a6a inset}.inner-text-ajax-forms{color:#fff}.ajax-auth h3{color:#333}#popup-wrapper-ajax-auth .sw-ajax-login-overlay-wrapper,.sw-ajax-login-overlay-wrapper{background:rgba(0,0,0,.3)}#popup-wrapper-ajax-auth{max-width:960px;margin-left:-480px}@media only screen and (max-width:960px){#popup-wrapper-ajax-auth{height:auto;min-height:80px;margin:0;margin-top:60px;margin-bottom:40px;left:0}}}.hentry .entry-header h1{margin-bottom:45px}#page-container .sh-titlebar{display:none}
Popup opening - Best StranoWeb Ajax Login WordPress Plugin
Home
Docs
Plugin Documentation Popup opening Popup opening You can open the popup by clicking on any HTML element containing one of the following CSS classes.
Note: all the classes open logout popup if the user is logged in.
Example: <div class=”sw-open-login”>Open Popup</div>
Simple!
Open by querystring paramenter Additionally you can automatically open the popup by adding the querystring parameter swal=
to the URL (this option must be enabled on Advanced settings).
Click on these links to reload this page, the popups will automatically open.
Read more about ajaxlogin
Doc navigation ← Hooks Reference Troubleshooting →