Submit a ticketCall us

Looking to compare latest NPM features with previous versions of NPM?
The NPM new feature summary offers a comparison of new features and improvements offered with this release.

 

Home > Success Center > Web Help Desk (WHD) > Web Help Desk 12.5 Administrator Guide > Set up the application > Configure your look and feel

Configure your look and feel

Created by Steve.Hawkins, last modified by Anthony.Rinaldi on Jul 18, 2016

Views: 47 Votes: 0 Revisions: 5

Use the Look & Feel screen to configure your Web Help Desk screen with style sheets and logos. By applying a style sheet to your deployment, you can render your Log In screen and the client interface with your corporate branding.

Add your company logo

  1. Locate a PNG or GIF image file for your logo.
    For the cascading style sheet (CSS), the image should be 259 x 61 pixels. Otherwise, the image height should be 70 pixels or less. 
  2. Log in to the Web Help Desk web console. 
  3. Click Setup and select General > Look and Feel.

    The Look and Feel page displays.

  4. Click Clear to remove the existing default logo.

    The Add File button displays in the Logo field.

  5. Click Add File and select the log file image.
  6. Click Save

    Your company logo appears in the Logo field.

Install and apply a new style sheet template

  1. Download your style sheet template.

    You can also click Style Sheet Gallery > CSS Gallery and select a new cascading style sheet (CSS) in the SolarWinds Thwack Community Web page.

  2. Copy the content of the zipped .css file into the clipboard.
  3. In the Client Style Sheet row, select Custom and click Edit CSS to open the CSS editor.
  4. Remove any existing content in the editor.
  5. Paste the template from the clipboard.
  6. Select Replace Default CSS and Compress.
  7. Click Update to refresh the panel with parameters from the new template.
  8. Review the new style sheet implementation at the bottom of the page.
  9. Adjust the template Header, Help Desk Name, and Button Bar color, size, and spacing parameters to suit your needs.

    File:Success_Center_V2/Web_Help_Desk_(WHD)/WHD_Admin_MT/070/070/WHD_Edit_CSS_Header_Name_ButtonBar_431x361.png

    For information about color code names and colors, see the w3schools.com HTML Color Names site.

  10. Click Save to activate the new style sheet.
 
Last modified
13:53, 18 Jul 2016

Tags

Classifications

Public