Creating custom CSS

As a practical example, the following procedure would change the background color of the footer bar in the WebHelp output:

  1. Use the browser's CSS inspector to identify the current CSS code that styles the footer bar. In this particular case, the pertinent code that would be identified is: 
    .wh_footer {
 font-size: 15px;
 line-height: 1.7em;
 background-color: #000;
}
  2. If you want to test the color you want to apply as the background of this particular element, use the browser's CSS inspector to change the value of the background-color attribute. After you find a suitable color, copy that new code.
  3. Create a custom CSS file and paste or enter the copied code.

    For example:

    .wh_footer {
 background-color: #255890;
}
  4. Save the custom CSS file at a location of your convenience.
  5. Reference the CSS file in a WebHelp Responsive transformation using an Oxygen Publishing Template or the args.css parameter.