How To ... Change the header logo and background image

I know there are folks out there that want to change the header logo and background image on their SolarWinds Orion instance to reflect the look and feel of your own company.

I want to share with everyone how to do this.  I am currently running Orion v11.5.2.

Changing the Logo in the header:

1. 1. The file to edit is: inetpub\SolarWinds\Orion\Controls\PageHeader.ascx
   2. Open the file with your favorite text editor. (The one I prefer is vi so I use gvim)
   3. For changing the logo, find the line that looks like this:
      

      <td id="userName" style="background-image: url('<%= SiteLogoUri %>'); background-repeat: no-repeat; height: 55px;">
      
      

   4. Replace the <%= SiteLogoUri %> with the url or location for your logo.  examples: http:/mycompany.com/mycompanylogo.png
   5. The image can also be put in the inetpub of Orion, in this case you would place the file in 'inetpub/SolarWinds/Orion/images/mycompanylogo.png'
   6. The new line would like like this:Find the Style type named .sw-mainnav-branding, the section will look something like this:
      

      <td id="userName" style="background-image: url('/Orion/images/mycompanylogo.png'); background-repeat: no-repeat; height: 55px;">
      
      

               NOTE: the logo height is set to 55 pixels.

Changing the Header background image:

1. The file to edit is: inetpub\SolarWinds\Orion\Controls\PageHeader.ascx
2. Open the file with your favorite text editor. (The one I prefer is vi so I use gvim)
3. Find the style section named .sw-mainnav-branding
4. Change the background image URL to the desired image.  The image can be placed in the inetpub/SolarWinds/Orion/images/mybackground.png
5. The new section would look something like this:

.sw-mainnav-branding {
    background-color: #FFFFFF ! important;
    background-image: URL('/Orion/images/mybackground.png') ! important;
    background-repeat: no-repeat;
    background-position: top right;
    height: 95px ! important;
}

Here is what ours looks like after the changes:

Post yours here to show off any cool options.

Hope this helps those that need it.

Deltona‌ I hope this helps.