RoboHelp CSS

RoboHelp CSS

RoboHelp’s cascading style sheet (“CSS”) feature is a powerful and flexible tool for formatting content in an entire project. For example, if you now format topic subtitles one at a time by using the formatting toolbar only to have to reformat them one at a time for a font change, you’ll love being able to reformat all the subtitles at once with just a dozen mouse clicks. This power applies to any RoboHelp project output. And styles are even more important if you want to go mobile or use the HTML5 outputs in RoboHelp 10 or 11.

But CSS is often viewed as something arcane and mysterious. What are styles in general? Do I need to be a programmer to modify a CSS file? And what the heck is a
<div> anyway? What does it mean when I read that inline styles should be replaced by an external CSS?

This one-day, hands-on course removes the mystery from CSS. It provides a general overview of CSS concepts, trends, and (lightly) coding, then dives into the specifics and mechanics of using styles in RoboHelp 11, with a background on RoboHelp 9 and 8 and how to fix style problems in projects created prior to RoboHelp 8.

The course assumes that attendees have either been trained in RoboHelp 11, 10, 9, or 8, or have created at least one RoboHelp project using any of those versions.

Intro to CSS

  • What’s a CSS?
  • What are Styles?
  • What are Style Sheets?


  •  Inline, Embedded, and External Styles

CSS2 vs. CSS3

  • Absolute vs. Relative Size
  • Media Queries for HTML5-Based Mobile Outputs in RoboHelp 10
  • A Gentle Introduction to CSS Code Basics…

RH10 Specifics 

  • Styles Editor
  • Styles and Formatting Pod

What about RH9 and 8?

CSS Style Categories in RH10 and Earlier:

  • Paragraph
  • Character
  • HyperLink (10)
  • Image (10)
  • Div (10)
  • Table
  • List
  • Multi-Level List

Pre-RH8 CSS Troubleshooting

  • Why Pre-v.8 Lists Break and What To Do About It