Not Solved [How To?] How can I change the size, color etc... of the Quick Login Box?
#1
Not Solved
Hello community,
How and where can I change the size, color etc... of the Quick Login Box?

THX in advance for your help!
blongso

re,
I am trying to explain our problem:

Our quickbox doesn't look nice
[Image: XAOnb.png]

FA5Dark Frontend Theme by Vintagedaddyo (Changed a bit for our purposes)

global.css:
/** 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 **/


In my opinion the code looks exactly like the original code
Since we don't like the arrangement and the box is somehow too small (incorrectly proportioned), we would like to have the "original" Quick Login Box.
My question: How can I solve this problem?
Reply


Messages In This Thread
How can I change the size, color etc... of the Quick Login Box? - by blongso - 2020-09-13, 06:49 PM

Forum Jump:


Users browsing this thread: 1 Guest(s)