Skip to content
SavisionSavision
Savision
Savision
  • PRODUCTS
    • SAVISION
      • Savision
      • Success Journey
      • Free Management Packs
    • MARTELLO
      • Martello SD-WAN
      • Martello UC Performance Management
  • SOLUTIONS
    • USE CASES
      • SCOM Dashboards
      • Alert Management in SCOM
      • Service Modeling and Application Mapping
      • Automated Incidents and Workflows
      • Single Pane of Glass
    • INDUSTRY
      • Government
      • Banking & Finance
      • Education
      • Healthcare
      • Energy, Oil & Gas
    • ROLE
      • SCOM Administrator
      • Service Desk
      • IT Manager
      • Business Service Owner
      • CxO
  • INTEGRATIONS AND PRICING
  • RESOURCES
    • CONTENT
      • Customer Stories
      • Blogs
      • eBooks
      • Videos
      • Webinars
      • Whitepapers
    • USERS
      • Downloads
      • Savision Learning Center
      • User Group Online
      • Support
  • COMPANY
    • Contact
    • Savision Leadership
    • News
    • Events
    • Careers
    • Partners
 

Try It For Free

NEW! Free MPs

  • PRODUCTS
    • SAVISION
      • Savision
      • Success Journey
      • Free Management Packs
    • MARTELLO
      • Martello SD-WAN
      • Martello UC Performance Management
  • SOLUTIONS
    • USE CASES
      • SCOM Dashboards
      • Alert Management in SCOM
      • Service Modeling and Application Mapping
      • Automated Incidents and Workflows
      • Single Pane of Glass
    • INDUSTRY
      • Government
      • Banking & Finance
      • Education
      • Healthcare
      • Energy, Oil & Gas
    • ROLE
      • SCOM Administrator
      • Service Desk
      • IT Manager
      • Business Service Owner
      • CxO
  • INTEGRATIONS AND PRICING
  • RESOURCES
    • CONTENT
      • Customer Stories
      • Blogs
      • eBooks
      • Videos
      • Webinars
      • Whitepapers
    • USERS
      • Downloads
      • Savision Learning Center
      • User Group Online
      • Support
  • COMPANY
    • Contact
    • Savision Leadership
    • News
    • Events
    • Careers
    • Partners

Changing Colors of the Live Maps Portal via the Overrides.css

Objective: To demonstrate some of the things that can be changed with the Overrides.css file Keep in mind not everything can be changed at this moment, but this should be able to give a user some ideas on what can be done. Also this article will not cover everything that can be changed, but some of the more common ones. As with anything, please test after making changes to make sure it doesn’t have any odd effects on other parts.

Prerequisites: Basic Knowledge of CSS. Also i would familiarize yourself with using Chrome or other browsers inspection features to discover other items you can change.

Quick word of caution. Css classes in the Portal may change from version to version. This article was written with Live Maps V8.3. Also it is starting with the Blue(Default) Theme enabled. Display each element as i worked through them, but you may find it easier to start with a dark or light theme. that may reduce the number of items you need to change.

To locate the Overrides.css file, browse to the location where the website is stored. Because this can change from install to install, recommend using IIS Manager to discover this. Right click on the Live Maps Unity  Portal website or application and click on explore. The overrides.css file is located in the “Content” subfolder. Example, if you installed the Live Maps Unity Portal as a child application of the Default Website, then this is typically located in “C:\inetpub\Live Maps Unity Portal\Content”. A sample Overrides file is located at the bottom of this article. 


/* Changes the color of the body.

This will affect the background on the login screen as well as the oulines and footer  */

body {

background: #0b0b0c; –

}

blob1476395251522.png


/* Widget changes the color of most of the widget squares in the portal

Also affects Services Overview, System, and Summary Dashboard pages*/

.widget {

background: #202739;

}

blob1476395441934.png


/* Changes the color for the tile on the Home page around the Live Maps lable.

Also changes color for the Custom Dashboard page as well as some widgets on the

Summary Dashboards, like the Performance graphs */

.widget-content-noscroll {

background: #495156;

}

blob1476395966325.png


/* Changes color around the Recently Viewed and Resources Tiles */

.widget.nobg{

background: #495156;

}

blob1476396254945.png


/* Changes the color for the widget tiles on the home page. Also a couple other small areas */

.widget-title {
 background: #91413c;
}

blob1476396442504.png


/* Changes the color of the Widget title bar on both System and Summary Dashboards */h1.widget-title {

background: #91413c;

}

blob1476396711292.png


/* Changes the color of the tile on the Peformance Graph Widget */

.performance-graph-container {

background: #202739

}

blob1476396858169.png

/* Changes the color of the Navigation bar */

.mainNav {
 background: #0b0b0c;
 }
Category: How ToBy Chris Malay1 November 2017
Share this post

Author: Chris Malay

Post navigation

PreviousPrevious post:Creating a Dynamic Dashboard with Membership RulesNextNext post:Setup an SQL widget to show historical SLA data

Related posts

Savision iQ – Searches
28 December 2018
Create Live Maps V10 Summary Dashboard
31 July 2018
Live Maps V10 – High Availability Setup
18 July 2018
Savision iQ – Rest API
11 July 2018
Live Maps & Migrating to Operations Manager 1801
1 May 2018
Top 5 Live Maps Tuning Tips
10 April 2018

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

clear formPost comment

Microsoft Partner Silver Application Development    Powered by Elasticsearch

    © 2019 • Savision

         
Privacy     Press     Contact      EULA