Changes to PDF Export styles do not appear
Asked by John Corr:

Hi,

I have coded a whole lot of CSS and assigned a title page and footer according to the docs, which I've gone over several times. The only styling that has come through is the paragraphs, headers and TOC. The title page, footer, and table styles haven't changed at all. I'm not sure if I'm accessing the wrong CSS classes. Could you please review the code below? As far as the title page and footer goes, I'm sure I've done that correctly, I've pasted that code below too, the images I've added appear when entering the absolute URL so they are definitely on the server but don't appear in the resulting PDF. Is it because the title and footer can only be assigned to a space and not globally? I thought the rest of the CSS is applied globally, as far as I know I have full admin access to be able to implement global changes. thanks

PDF Space Export Title Page:

\<div class="fsTitlePage"\>   
\<img src="/download/attachments/23822568/confluence_titlepage.gif" /\>   
\<div class="fsTitle"\>Technical Specifications\</div\>   
\</div\>

PDF Space Export Footer

\<div style="margin-top:10mm"\>   
\<img src="/download/attachments/23822568/confluence_footer.gif"/\>   
\</div\>

PDF Export Stylesheet:

@page title   
{   
margin: 0.5in;   
padding: 1em;   
color:#c00000;

@top-left   
{   
}   
@bottom-left   
{   
}   
}

body,p,li,td,table,tr,.bodytext,.stepfield

{ font-size: 10px; /\*line-height: 1.1;\*/ color: #000; font-weight: normal; font-family:Calibri, Arial, Helvetica, sans-serif; }

h1

{ font-size: 20px; font-weight:normal; margin: 36px 0 4px 0; color:#c00000; font-family:Calibri, Arial, Helvetica, sans-serif; }

h2

{ font-size: 16px; margin: 27px 0 4px 0; color:#c00000; font-weight:normal; font-family:Calibri, Arial, Helvetica, sans-serif; }

h3

{ font-size: 14px; margin: 21px 0 4px 0; color:#c00000 !important; }

h4

{ font-size: 14px; margin: 18px 0 4px 0; color:#c00000 !important; }

h5

{ font-size: 14px; margin: 14px 0 4px 0; color:#c00000 !important; }

h6

{ font-size: 12px; margin: 14px 0 4px 0; display: block; color:#c00000 !important; }

h7

{ font-size: 12px; margin: 14px 0 4px 0; display: block; font-style: italic; color:#c00000 !important; }

h8

{ font-size: 10px; margin: 14px 0 4px 0; display: block; color:#c00000 !important; }

h9

{ font-size: 10px; font-style: italic; margin: 14px 0 4px 0; display: block; color:#c00000 !important; }

h1,h2,h3,h4,h5,h6,h7,h8,h9

{ line-height: normal; font-weight: normal; padding: 2px; color:#c00000 !important; }

table tr:nth-child(odd)

{ clear:left; background-color:#dfa7a6; border:solid 1px #cf7b79; }

table tr:nth-child(even)

{ clear:left; background-color:#efd3d2; border:solid 1px #cf7b79; }

table.confluenceTable tr:nth-child(odd)

{ clear:left; background-color:#dfa7a6; border:solid 1px #cf7b79; }

table.confluenceTable tr:nth-child(even)

{ clear:left; background-color:#efd3d2; border:solid 1px #cf7b79; }

.fsTitlePage

{ margin-left: auto; margin-top: 50mm; margin-right: auto; page-break-after:always }

.fsTitle

{ font-size: 42px; font-weight: bold; margin: 72px 0 4px 0; text-align:center; }

div.diTOC ul, div.diTOC ol

{ list-style:none !important; }

div.diTOC a

{ text-decoration: none !important; color: black; }


Answers:
author: John Corr
body: Hi John,

It looks like the title page and footer are appearing when you perform an export, I've had a test of the [AIRPORT space](https://designindustries.atlassian.net/wiki/spaces/flyingpdf/flyingpdf.action?key=AIRPORT) and it looks like they're coming through. However, the following seems to throwing it out a little:

* \<div class="fsTitlePage"\> just seems to be inserting an extra page, when I removed it on my test instance the title page looked much better.
* \<div style="margin-top:10mm"\> seems to be causing the image to be mostly off the bottom of the page, removing it seems to make the image looking better.

Try editing those two items and let me know how you go. If you still run into issues let me know which space you're trying to export so I can replicate it.

Cheers,  
Matt


author: Selcuk Savas
body: Hi,

I am not an expert but it seems alright.

You can specify PDF export style for a space (under space admin) or globally (under Conf admin\>look and feel). I amnor sure the hierarchy of the style between global vs space. So if there is a global setting it may effect the end result for the space or vice versa.

I assume that the imagers are attached to a page. So the page restrictions may play a role in order to display/no show of the images.

I hope this helps.

Cheers,

Selcuk


Tags: cloud

confluence-cloud