Make !important your CSS rules

The following CSS rules in body.login div#login h1 a:

width
height

should be made !important because many themes override them, causing the logo not showing correctly.

Indeed, padding-bottom should be a margin-bottom, otherwise the logo will bepartially repeated vertically in the padding space.

On mobile phones, you should avoid fixed width for login form. I’m currently fixing it adding this custom CSS:

@media screen and (max-width: MY_FORM_WIDTH) {
    body.login div#login {
        width: auto !important;
    }
}

• This topic was modified 7 years, 11 months ago by marco.marsala.
• This topic was modified 7 years, 11 months ago by marco.marsala.
• This topic was modified 7 years, 11 months ago by marco.marsala.