Customizing the Font and Color Palette

To customize the font and color palette, you need to modify the .css file used by the administrative level. Each administrative level has its own .css file in the directory /usr/lib/ensim/frontend/skins/<skin_name>/css/. The .css files in the directory are:

The following procedure describes the steps to change the font color of a menu option in the left navigation bar.

To customize the font color of a menu option in the left navigation bar:

  1. Log in to the Server Administrator control panel.
  2. Identify the class that contains the style configuration information for the left navigation bar.

    To identify the class, drag the pointer to select a few menu options on the left navigation bar, right-click on the selected text, then select the option View Selection Source. The HTML source code is displayed.

    In the HTML source code, locate the class that corresponds to the left navigation bar. The class name for the left navigation bar is navbar-item.

    < p class="navbar-item">< a href="/isp/listservices" target="main">services< /a>< /p>

  3. Log in to the Parallels Pro Control Panel server as the root user.
  4. Verify that the resource /static/css/isp.global.css exists.

    /usr/bin/ensim/GUIResourceList --role <role> --user <username> --url /static/css/isp.global.css --skin <skin_name>

  5. Download the resource.

    /usr/bin/ensim/GUIResourceDownload --role <role> --user <username> --url /static/css/isp.global.css --skin <skin_name> > /tmp/isp.global.css

  6. Make the required changes to /tmp/isp.global.css. Locate the section that defines the style information for the left navigation

    .navbar-item a, .navbar-item a:visited {

    text-transform: uppercase;

    padding-left:15px;

    padding-top:3px;

    padding-bottom:3px;

    display: block;

    text-decoration:none;

    color: #333333;

    background-image: url(/static/images/navbar-item-
    bullet1.gif);

    background-repeat: no-repeat;

    background-position: 2px center;

    cursor:hand;

    margin-right:10px;

  7. Locate the attribute that defines the text color. In this example, locate the line

    color: #333333;

  8. Update the style information as required and save the file.
  9. Upload the resource to the Parallels Pro Control Panel server.

    /usr/bin/ensim/GUIResourceCustomize --role <role> --user <username> --url /static/css/isp.global.css --skin <skin_name>--uri /tmp/isp.global.css

    The resource is customized. To verify the results, log in to the Server Administrator control panel and refresh the Web page.

    If you want to revert your changes, type the following command.

    /usr/bin/ensim/GUIResourceRevert --role <role> --user <username> --url /static/css/isp.global.css --skin <skin_name>