13.6 Custom CSS

IMPORTANT:The Custom CSS Policy is not available in Advanced Authentication as a Service (SaaS) version.

This policy allows you to use a customized css for all the Advanced Authentication portals.

To use a customized css, perform the following steps:

  1. Place the css file in Content.

    For example, you can place the following sample css file.

    body {
       color: #000000;
       background-image: <full path to a custom jpg or png> !important; 
    }
    
    .skin-ias .main-header {
        background: linear-gradient(90deg,#0ecce4,#5c1bd7);
        color: #ffffff;
    }
    
    table.table-hover tr:hover td {
       background-color: #808080;
    }
    
    .skin-ias .sidebar-menu li a:hover  {
       background-color: #808080;
    }
    
    .skin-ias .sidebar-menu li.active.open {
       background-color: #D3D3D3;
    }
    
    .content-wrapper {
       color: #000000;
       background: transparent !important; 
    }
    
    .well {
       background: transparent !important; 
       border: 0px;
       border-radius: 0px;
       box-shadow: none;
    }
    
    .box  {
       color: #000000;
       background: transparent !important; 
    }
    
    .main-footer {
       color: #000000;
       background: transparent !important; 
    }
    
    .auth .content .login {
       background: transparent !important; 
    }
    
    .auth .content .login .header-row {
       background: #ffffff;
    }
  2. Click Save.

To revert the changes, remove the custom code from Content and click Save.