XF 1.5 How can I style my login overlay like this?

[Dretax]

We managed to make it in the browser, but we cant find where we should be working at in the xenforo css.

Can anyone lead us to a place?

{
    font-size: 13px;
    color: rgb(67, 67, 67);
    background-color: rgb(40, 40, 40);
    padding: 10px 20px;
    margin: 0 auto;
    border: 1px solid rgb(185, 185, 185);
    border: 1px solid rgba(185, 185, 185, 0.25);
    _border: 1px solid rgb(185, 185, 185);
    border-radius: 0px;
    box-shadow: 0px 25px 50px rgba(0,0,0, 0.5);
    max-width: 300px;
}

 

[Paul B]

This guide will help with identifying which templates/elements you need to edit:
https://xenforo.com/community/resources/how-to.4390/

If it's just CSS, then you can add it to the EXTRA.css template.

 

[Dretax]

This guide will help with identifying which templates/elements you need to edit:
https://xenforo.com/community/resources/how-to.4390/

If it's just CSS, then you can add it to the EXTRA.css template.

Well we tried it in overlay but didnt seem to work.

 

[M@rc]

Well we tried it in overlay but didnt seem to work.

The CSS you showed isn't complete but in EXTRA.css, you can try using !important to force it to be applied.

Example :

font-size: 13px !important;
color: rgb(67, 67, 67) !important;
background-color: rgb(40, 40, 40) !important;
padding: 10px 20px !important;
margin: 0 auto !important;
border: 1px solid rgb(185, 185, 185) !important;
border: 1px solid rgba(185, 185, 185, 0.25) !important;
_border: 1px solid rgb(185, 185, 185) !important;
border-radius: 0px !important;
box-shadow: 0px 25px 50px rgba(0,0,0, 0.5) !important;
max-width: 300px !important;