Thomas Pedersen
posted this on March 31, 2010 10:08 pm
OneLogin allows you to rebrand the application to fit your corporate image. With very little effort, you can:
In order to give users a branded login page, you must add a brand parameter to the login page URL. Typically, you would have a link to this page somewhere on an intranet.
http://app.onelogin.com/login?brand=mybrand
After the first visit to this URL, OneLogin will remember the brand for subsequent visits.
The CSS below makes the background gray, the menu black and removes all the graphics from the menu items.
/*--- background color ---*/
.box {
background: lightgray;
}
body {
background: lightgray;
}
.bodybg {
background: lightgray;
}
/*--- menu colors ---*/
.mainmenu ul li a, .submenu {
background: black;
}
You can of course override any style you want, but this will cover the main elements on the page and get you started.
Comments
Where do I put the CSS?
Need to understand this a little more. Is the css hosted on the OneLogin servers or on my own?
Its a great feature once I understand how to use it.
CSS is hosted on our server and injected into every page. You can enter the CSS under Account -> Branding.
Are those the only relevant styles that we can change? A more detailed branding/style guide would be helpful.
No, the entire stylesheet can be modified. The best way to experiment with the styles, is to download the Firebug extension for Firefox, and experiment with the different style.