Is it possible to style in a colour block header and footer to my customised pdf?

[Karen Ross]

Hi there,

Is it possible to style in a colour block header and footer to my customised pdf? I cannot find anything to do this?

Currently, my page has a colour block at the top which is what I want, but it's not 100% of the width. As the image below.

I've tried adding a bit of HTML in the markup work and styling that, but that doesn't work.

This is the code I have:-

body,p,li,td,table,tr,.bodytext,.stepfield
{
font-size: 12pt;
font-family: Helvetica, Arial, sans-serif;
line-height:1.5;
font-weight:300;
color: #000;
margin:0;
padding:0;
}

/*hide the related content links in the PDF*/
[data-macro-name=contentbylabel] {
display: none;
}

h1 {
font-size: 24pt;
}

h2, h3, h4 {
font-size: 14pt;
margin-top: 25px;
}

hr {
page-break-before: always !important;
}

/* Any other page-specific rules */
@page {
/*A4-sized pages in landscape orientation are 297 mm wide by 210 mm long*/
size: 210mm 297mm;
}

@page:first {
margin: 0;
padding:0;
width:100%;
/* Header - Page Title */
@Top-center {
content: element(runningheader);
background-color: #1B4777;
width:100%;
margin:0;
padding:0;
}