Changes to PDF Export styles do not appear

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; }

2 answers

1 accepted

This widget could not be displayed.

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 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

This widget could not be displayed.

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

Suggest an answer

Log in or Sign up to answer
Community showcase
Posted Sep 17, 2018 in Confluence

Why start from scratch? Introducing four new templates for Confluence Cloud

Hi my Community friends!  For those who don't know me, I'm a product marketer on the Confluence Cloud team - nice to meet you! For those of you who do, you know that I've been all up in your Co...

596 views 7 6
Join discussion

Atlassian User Groups

Connect with like-minded Atlassian users at free events near you!

Find a group

Connect with like-minded Atlassian users at free events near you!

Find my local user group

Unfortunately there are no AUG chapters near you at the moment.

Start an AUG

You're one step closer to meeting fellow Atlassian users at your local meet up. Learn more about AUGs

Groups near you