DITA: Webhelp skins
You can customize the webhelp output through the webhelp skin builder. This is an external resource that allows you to create a custom stylesheet that you can then specify in your transform. It works pretty slick.
To access the webhelp skin builder, go to http://www.oxygenxml.com/webhelp-skin-builder/. Select DITA, select a basic template to begin with, and then start customizing it. Download the CSS file to your computer.
In Oxygen, when you configure your transformation scenario, duplicate the existing webhelp option, and then edit it. On the Skins tab, select your custom CSS file.
You can add further customizations to this skin by simply adding the CSS styles in the stylesheet.
If you want to actually customize the webhelp output for the default webhelp (and apply it to all webhelp outputs), you can do so by modifying the stylesheet located here: /Applications/oxygenAuthor/frameworks/dita/DITA-OT/plugins/com.oxygenxml.webhelp/oxygen-webhelp/resources. Modify the webhelp_topic.css stylesheet.
You should also be able to add a custom stylesheet through the Parameters tab on the transformation scenario. In the args.css parameter, specify a file.
About Tom Johnson
I'm an API technical writer based in the Seattle area. On this blog, I write about topics related to technical writing and communication — such as software documentation, API documentation, AI, information architecture, content strategy, writing processes, plain language, tech comm careers, and more. Check out my API documentation course if you're looking for more info about documenting APIs. Or see my posts on AI and AI course section for more on the latest in AI and tech comm.
If you're a technical writer and want to keep on top of the latest trends in the tech comm, be sure to subscribe to email updates below. You can also learn more about me or contact me. Finally, note that the opinions I express on my blog are my own points of view, not that of my employer.