Updating the ADAM Design

Clients have control over a few elements in the design of ADAM.  These are set in ADAM in System | Client Settings | Design.  This page contains two sections used to let you style ADAM to look like you need it.

Setting the Custom Header Logo

The header logo is displayed in the top left of the ADAM header.  We recommend the image is a transparent gif because you don't need to worry about the background colors, but a non-transparent image works fine when you match the logo background to the background color of the header row. 

1. Navigate in ADAM to the System menu
   • Choose Client Settings
   • Choose Design
2. Browse out to the image you want to use for the Header Logo or drag the file into the 'Choose a file or drop it here...' drop box.
   
3. Click the Submit button at the bottom of the page to save this update.
   

NOTE:  If the logo is wider than the Navigation (navbar), then the logo will span across two different background setting styles set in the Custom Branding CSS section.

• This style controls the background color in the header row above the navigation panel
  .topbar .top-navbar .navbar-header {
  background: #c0c3c7;
  }
• This style controls the background color in the header row above the main page area.
  #adam-header {
  background: #c0c3c7;
  }

Setting the Custom Branding CSS

Styles are set by default with a new tenant. 

1. Navigate in ADAM to the System menu
   • Choose Client Settings
   • Choose Design
2. Make edits to the Custom Branding CSS
   
   A common style sheet is used throughout ADAM.  Changes made to the Custom Branding CSS are only applied to your tenant.  
3. Click the Submit button at the bottom of the page to save this update.
   

If you need to revert back to the default styles, use the 'Reset Styles' button. 

WARNING:  There is not a function to re-apply your custom styles after you reset the styles.