I was able to get my header and footer the way I wanted for the most part. I can't get the left and right margins to be the same. In my stylesheet, I tried:
margin-left: 1.27cm;
margin-right: 1.27cm;
but that did not work. Any ideas on how to get these margins the same?
Screen Shot 2017-01-05 at 4.26.19 PM.png
@page
{
margin-top: 30px;
margin-bottom: 70px;
margin-left: 1.27cm;
margin-right: 1.27cm;
@top-left
{
content: "Company Name.";
font-family: ConfluenceInstalledFont, Helvetica, Arial, sans-serif;
color:#ffffff;
font-size: 10pt;
font-weight:bold;
background-color:#5EBD70;
padding-left:50px;
}
@top-right
{
content: "Engineering Docs";
font-family: ConfluenceInstalledFont, Helvetica, Arial, sans-serif;
color:#ffffff;
font-size: 10pt;
font-weight:bold;
background-color:#5EBD70;
padding-right:50px;
}
@bottom-right
{
content:counter(page);
font-family: ConfluenceInstalledFont, Helvetica, Arial, sans-serif;
font-size: 10pt;
background-image:url('/download/attachments/25528928/grn_on_wht2_thumb.png?api=v2/20x20');
background-repeat:no-repeat;
background-position:left center;
}
}