Heading 1 missbehaving when using Master Pages

Report · Jan 17, 2014

So here's the deal: When I make a desktop layout in multiscreen HTML5, the screen.css style sheet "hijacks" the first heading 1 at the top of each topic page and overwrites it with a sort of banner style. I like it. It looks nice. However, if the robohelp topic page has a master page associated with it, this banner style from screen.css is never applied.

The odd thing is as far as I know the master page is only defining a style sheet (we'll call it style01.css) for the assosiated topic pages, yet if I attach style01.css to topic pages manually without involving a master page, the banner works just fine.

I want to be able to get the banner at the top of the topic AND use a master page in the project. Can this be done?

Report · Jan 20, 2014

Your master page probably has a header, right? The CSS responsible for

the transformation only transforms a heading when it is the first thing

on a page.

What needs to be done is to change the selector that transforms the

heading. In the CSS, find

div.wTopic > h1:first-child

Add the following selector on the line above:

div#header + h1,

(Include the comma!) Now make sure that there are no paragraphs or other

content between the heading and the header. The header should now be

transformed if you use the master page.

Kind regards,

Willam