Changing the Style of WebHelp Mobile Pages

You can change the style for your WebHelp Mobile pages by setting a custom theme created with a third-party tool.

To create a custom theme for WebHelp Mobile pages, use the following procedure:
  1. Create a custom theme (the result will be a CSS stylesheet). Use a designer tool, such as the ThemeRoller for jQuery Mobile, to create your own custom theme and then download the resulting CSS stylesheet.
    Tip: If you are using ThemeRoller for jQuery Mobile, make sure you use a type C swatch.
  2. Edit the WebHelp transformation scenario and open the Parameters tab.
    1. For a DITA transformation, set the args.css parameter to the path of your custom CSS file. Also, set the args.copycss parameter to yes to automatically copy your custom CSS in the output folder when the transformation scenario is processed.
    2. For a DocBook transformation, set the html.stylesheet parameter to the path of your custom CSS file.
  3. Make sure that the output folder is empty.
  4. Run the transformation scenario.