CSS Edit Guidelines - Internal

Login Page Logo Edit



The login page logo can be managed by CSS as well as the System Preferences. The attached style.css is the base style and the dark_theme.css overrides it. Any custom themes will be based on the style.css file, like dark_theme.css.

What you would to do have different logos attached to different css themes is this:

First, hide the logo image

#header-logo img {
display:none;
}


Then you set the background of the header-logo object to your custom image

#header-logo {
width: 216px;
height: 65px;
background: url('/images/uploads/custom-logo.png');
background-size: 216px 65px;
background-repeat: no-repeat;



}


ċ
style.css
(93k)
Bryson Jones,
Feb 19, 2016, 8:58 AM