How to achieve footer/header without border
Hi!
I would like to generate the header without the horizontal line below them. How to achieve this?
BR Stefan
-
Hi Stefan,
edit your template and select "Content Formatting". In the CSS box on the right look for
/* Generate border between header/footer and page content */
@page {
border-top: 1px solid black;
border-bottom: 1px solid black;
}Just set the pixel weight to 0px like this:
/* Generate border between header/footer and page content */
@page {
border-top: 0px solid black;
border-bottom: 0px solid black;
}That should do the job.
Brdgs, George
-
Here is some more stuff you can do to the header and footer. What you have to know is that the header and footer div's are outside the page classes. So if you defined a static page "Copyright" with CSS class 'copyright', the header and footer divs are outside this class. You cannot access it by copyright.something {}. Header and footer are page classes.
Header and footer are separated in three parts: left, center, right. You can change the styles of these classes (will affect all pages) like this:
.default-top-left-margin-box { color: #666666; font-style: italic; }
.default-top-center-margin-box { color: #666666; font-style: italic; }
.default-top-right-margin-box { color: #666666; font-style: italic; }
.default-bottom-left-margin-box { color: #666666; font-style: italic; }
.default-bottom-center-margin-box { color: #666666; font-style: italic; }
.default-bottom-right-margin-box { color: #666666; font-style: italic; } -
Another info that might be helpful. If you have only set content for the left header part and no content for center and right, the left header div will stretch over the whole page. So if you want a bottom border only for the right header part but it shall not contain any text, then enter as custom text in the page config for the center and right part.
Please sign in to leave a comment.
Comments
3 comments