Add custom header and footer below and above responsive help

[Rsfl]

Hi all, is there a way to add a custom header and footer above and below the actual HTML5 help (containing a few paragraphs of text)? Where in the template slp pages would these need to be placed?

[Willam van Weelden]

Look at the div.contentholder. You can add your text there. But you also need to update the CSS to make sure that it is shown correctly. (Search for div.contentholder in the CSS.)

You can also use the header/footer of the master page. That will insert it above and below topic content but you won't have to fiddle with the slp.

[Rsfl]

Hi Willam, the header and footer should actually appear above/below the entire Webhelp page, not only above/below the Topic content. I assume I need to insert them somewhere into the div "phone_scrollarea overthrow" which appears to be a container for the entire page? Probably I need to adjust the other divs to clear some space.

[Willam van Weelden]

Add it where the arrows point:

Within the contentholder, before the wTopic widget or after the placeholder text. You need to adjust the contentholder and iframe to make it fit correctly.

The phone_scrolleara is the main page container. That one is used to make scrolling and positioning possible.

[Rsfl]

Those positions would be fine to display headers and footers for the Topic content. I found out now how to place new divs to get headers and footers for the entire page layout (see below). The divs sidebar and content must be adjusted in their placement attributes in the main.css to clear the space for the new header and footer areas.