Skip to main content
C
CheebsGoat
Participant
January 17, 2014
Question

Heading 1 missbehaving when using Master Pages

  • January 17, 2014
  • 1 reply
  • 259 views

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?

This topic has been closed for replies.

1 reply

Willam van Weelden
Willam van Weelden
Inspiring
January 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

Terms & ConditionsAccessibility statement
Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices