Hide some of the tiles by customizing the CSS

If your documentation is very large or there is a large number of topics on the first level, you might want to hide some of the tiles. Also, this might be useful if you only want to display the topics in the first page that are most relevant to your intended audience.

To customize the CSS to control which topics on the first level of the DITA map will not be displayed as a tile, follow these steps:

  1. Make sure you set an ID on the topic you want to hide.
  2. Create a new CSS file that contains a rule that hides the tile generated for the topic (identified in the following example by the topic ID growing-flowers). The CSS file should have content that is similar to this: 
    .wh_tile [data-id='growing-flowers'] {
  display:none;
}
  3. Reference the CSS file in a WebHelp Responsive transformation using an oXygen Publishing Template or the args.css parameter