Submit a ticketCall us

Bridging the ITSM Divide
Integrated help desk and remote support software for faster resolution

Join us on Wednesday, November 29, 2017 at 11 a.m. CT, as we discuss the benefits of effectively integrating your help desk software with remote support solutions to help increase the efficiency of IT administration, improve communication, and decrease mean time to resolution (MTTR) for IT issues of all sizes. This directly impacts end-user satisfaction and your business’ bottom line. Register Now.

Home > Success Center > Web Help Desk (WHD) > Web Help Desk 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_ret on Jul 18, 2016

Views: 137 Votes: 1 Revisions: 5

The Look and Feel screen allows you 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 (if available).
  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

Tags

Classifications

Public