Sample CSS

Note:  This feature is only available for certain plans.  Please contact sales@litmos.com for more information.  

Custom CSS Uses

  • Font types
  • Font and elements colors
  • Padding
  • Margins
  • Element positioning
  • Change background image
  • Much more

Sample CSS

 

Change the background image by changing the image url in the second line of this code (underlined below).

html, body {
background: #FFFFFF
url(IMAGE_URL) repeat
!important;
}
body{
background: #FFFFFF
url(IMAGE_URL) repeat
!important;
}
.admin-body{
background: transparent;
}
#page-body{
background: transparent;
background-color: transparent !important;
}

Note:  Background images must be hosted outside of Litmos.

**if you do NOT want the background image to repeat on the page, then replace the word repeat with the word fixed in the above code**

 

Change text color in the right column by changing the color code for the side panel in line eight (underlined below).

.side-panel, .side-panel ul li a, .side-panel ul li a:link, .side-panel ul li a:visited, .module-desc{
color:#434343;
}

 

 

 

screenshot1.png

 Insert this code into your Custom CSS field to change the color of the navigation menu bar* using the color hex code

*Only works in Classic view

.navbar {
background-image: linear-gradient(to bottom, #FFFFFF 0%, #000000 100%) !important;
}

 

 

 screenshot.png

Insert this code into your Custom CSS field to change the color of the left menu bar* using the color hex code

*Only works in Tile view

#tiles-left-nav{
background-color: #FFFFFF;
!important;
}
Have more questions? Submit a request

0 Comments

Article is closed for comments.