Forum How do I...?

Changing the header background colour

stevenlavine1
Hi,

I'm having a problem with the headers again. I have headers with a default background colour set in the CSS

@page:left {
    margin: 10.2mm 6.4mm 10.6mm 11.4mm;
    @top-center {
        content: flow(header-left);
        background: cmyk(0.6, 0, 0.35, 0);
        margin-bottom: 1mm;
    }
    @top-left-corner {
        content: flow(header-corner-left);
        background: cmyk(0.6, 0, 0.35, 0);
        margin-bottom: 1mm;
    }
    @top-right-corner {
        content: flow(header-corner-right);
        background: cmyk(0.6, 0, 0.35, 0);
        margin-bottom: 1mm;
    }
    @bottom {
        content: flow(footer-left);
    }
}


Now this is fine, if the same colour is used throughout the document, however each chapter has it's own colour. I have tried over-riding the default colour, but this only sets the background of the contained div (header-left etc). See example.png

Is there a way to over-ride the background colour in the header? I cannot set a new page def for each chapter as there is no page seperation, each chapter follows the last in the page flow.

Thanks,

Steve
  1. example.png6.5 kB
mikeday
I think the only solution here is not to set the background color on the page margin boxes at all, and just use the div background color. If the div is too small, you could perhaps expand it by giving it negative top/left margins?