2020-04-14, 06:21 PM
2020-04-14, 06:28 PM
This is a known issue with some themes. Go to your Admin CP >> Templates and Style >> *Your Theme* >> global.css >> Edit Stylesheet: Advanced Mode.
Find the /** Modal Start **/ and /** Modal End **/ and replace everything between them with the code below.
Make sure you hard refresh your browser (CTRL + F5) or clear your cache after you edit the file otherwise you may not see an immediate change, it may also be necessary to disable your CDN if you're using one or clear the cache there as well.
Find the /** Modal Start **/ and /** Modal End **/ and replace everything between them with the code below.
Make sure you hard refresh your browser (CTRL + F5) or clear your cache after you edit the file otherwise you may not see an immediate change, it may also be necessary to disable your CDN if you're using one or clear the cache there as well.
/** Modal Start **/
.blocker {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
overflow: auto;
z-index: 9999;
padding: 20px;
box-sizing: border-box;
background-color: rgb(0,0,0);
background-color: rgba(0,0,0,0.75);
text-align: center;
}
.blocker:before{
content: "";
display: inline-block;
height: 100%;
vertical-align: middle;
margin-right: -0.05em;
}
.blocker.behind {
background-color: transparent;
}
.modal {
width: 400px;
text-align: left;
background: #fff;
display: inline-block;
vertical-align: middle;
position: relative;
z-index: 2;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-o-border-radius: 8px;
-ms-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow: 0 0 10px #000;
-moz-box-shadow: 0 0 10px #000;
-o-box-shadow: 0 0 10px #000;
-ms-box-shadow: 0 0 10px #000;
box-shadow: 0 0 10px #000;
}
.modal a.close-modal {
position: absolute;
top: -12.5px;
right: -12.5px;
display: block;
width: 30px;
height: 30px;
text-indent: -9999px;
background: url(images/close.png) no-repeat 0 0;
}
.modal-spinner {
display: none;
width: 64px;
height: 64px;
position: fixed;
top: 50%;
left: 50%;
margin-right: -32px;
margin-top: -32px;
background: url(images/spinner_big.gif) no-repeat center center;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-o-border-radius: 8px;
-ms-border-radius: 8px;
border-radius: 8px;
}
/** Modal End **/
2020-04-14, 07:05 PM
(2020-04-14, 06:28 PM)R34P3R Wrote: [ -> ]This is a known issue with some themes. Go to your Admin CP >> Templates and Style >> *Your Theme* >> global.css >> Edit Stylesheet: Advanced Mode.
Find the /** Modal Start **/ and /** Modal End **/ and replace everything between them with the code below.
Make sure you hard refresh your browser (CTRL + F5) or clear your cache after you edit the file otherwise you may not see an immediate change, it may also be necessary to disable your CDN if you're using one or clear the cache there as well.
/** Modal Start **/ .blocker { position: fixed; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; overflow: auto; z-index: 9999; padding: 20px; box-sizing: border-box; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.75); text-align: center; } .blocker:before{ content: ""; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.05em; } .blocker.behind { background-color: transparent; } .modal { width: 400px; text-align: left; background: #fff; display: inline-block; vertical-align: middle; position: relative; z-index: 2; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px; -ms-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: 0 0 10px #000; -moz-box-shadow: 0 0 10px #000; -o-box-shadow: 0 0 10px #000; -ms-box-shadow: 0 0 10px #000; box-shadow: 0 0 10px #000; } .modal a.close-modal { position: absolute; top: -12.5px; right: -12.5px; display: block; width: 30px; height: 30px; text-indent: -9999px; background: url(images/close.png) no-repeat 0 0; } .modal-spinner { display: none; width: 64px; height: 64px; position: fixed; top: 50%; left: 50%; margin-right: -32px; margin-top: -32px; background: url(images/spinner_big.gif) no-repeat center center; -webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px; -ms-border-radius: 8px; border-radius: 8px; } /** Modal End **/
didn't work , do u have another way for it ?
2020-04-14, 07:09 PM
Could you provide a link to your forum? I'd be more than happy to take a look at it.
2020-04-14, 07:20 PM
2020-04-14, 07:21 PM
Login Modal is appearing in the correct place for me, I'd imagine it's a browser caching issue. Try clearing your browser history and cache and try again, alternatively try another browser.