User Console Design Guide › Branding the User Console › How to Edit Console Pages › How to Modify and Show the Footer › Modify the Cascading Style Sheet to Display a Footer

Modify the Cascading Style Sheet to Display a Footer

Use the cascading style sheet file from each skin—idm, horizontal, horizontal2, and neteauto—to configure CA Identity Manager to display the footer or not. These cascading style sheet files are stored in the following folder:

iam_im.ear/user_console_war/app/imcss/

By default, the footer shows in the horizontal and horizontal2 skins but not in idm or neteauto.

Presently, yourskin skin does not display the footer because it is a copy of neteauto, which uses the idm.css file to display footers. The neteauto.css and yourskin.css files contain color overrides only and import the idm.css file to handle other display functions like showing footers. In the idm skin, shown as follows, the #foot section in the idm.css file shows the footer as being disabled:

#foot {
    display: none;

In the horizontal skin, shown as follows, the #foot section in the horizontal.css file shows the footer as enabled:

#foot {
             border: 1px solid black;
             background-color: #AEB6D8;
             padding: 4px;
         display: block; /* to override parent */

The display: block reference means that CA Identity Manager displays the footer.

To get yourskin skin to display the footer, do the following:

• In yourskin.css, add the following:

  /*CONSOLE FOOTER*/
  #foot {
      display: block;
  }
  

In this section, you can also modify the footer's border, background color, and padding.