Page Comparison

This is an example of modifying the appearance of a Qsign screen:

1. Locate the stylesheet to be changed, reference to the diagram above will indicate which class or ID needs to be altered to achieve the desired effect.
   The default stylesheet for QSign is 'QSign'.

   Expand
   title Change the colour of the home icon to green.
   Locate the ‘.fa-home’ home’ class in the style sheet content. If ‘.fa-home’ home’ is not found, then one can be created at the end of the existing content: .fa-home {     color: green !important; }

   
   

   Expand

   
   

   Expand

   
   

1. 
   

   Expand

   1. 
      

      Expand

      1. 
         

         Expand

         1. 
            

            Expand

            
            

Change the colour of the home icon to green

...

1. Locate '#customheader' ID in the stylesheet content:
   #customheader {
   margin: 0px;
   border-style: solid;
   border-width: 1 0 1 0;
   border-color: #ADADAD;
   position: relative;
   width: 100%;
   top: 10px;
   text-align: center;
   float: left;
   }
2. Change the colour of the border to green by changing 'border-color: #ADADAD;' to 'bordercolor: #00FF00;'.
3. Click Save.
4. Review the effect of the changes by returning to QSign Profiles and click  in the profile to preview the display.