Welcome to StranoWeb Ajax Login
Build amazing login popup windows with images and text.
You can customize the appearance, add social logins, restrict admin area to only certain roles and much more!
Check out the plugin features to learn more!
')}.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}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}}}
Build amazing login popup windows with images and text.
You can customize the appearance, add social logins, restrict admin area to only certain roles and much more!
Check out the plugin features to learn more!