How to insert image in header for exporting to PDF

[Helen Xu]

I need to insert a logo into the header of the exported PDF. I'm putting html code in PDF Layout according to the instructions on Advanced PDF Export Customizations, but the exported PDF is not responding to the changes. Only PDF stylesheet responds to changes I made.

[Sireesha Dugginapeddi [Appfire] · Accepted solution]

Hi @Helen Xu,

The instructions in the link you provided state that the "src attribute" of the image must be added in the PDF Layout as well as PDF Stylesheet (instructions Step 3) to view the expected output.

I have used this feature in the past. Once you add the image link in your header or footer syntax as 'background-image' in the stylesheet, you should be able to view the image in the exported output.

Hope this is what you were looking for!

Thanks

Sireesha

[Helen Xu]

Hi @Sireesha Dugginapeddi [Appfire],

Thanks for the reply!

I have added the following to the Stylesheet but it's still not working. Any help would be appreciated.

....

@page {
@top-center {
content: "Blah Blah.";
font-family: ConfluenceInstalledFont, Helvetica, Arial, sans-serif;
font-size: 8pt;
background-image: url("https://confluence.atlassian.com/download/attachments/12346/header-image.png");
}

.....

Thanks!

Helen

[Sireesha Dugginapeddi [Appfire]]

Hi @Helen Xu,

For background-image url, use the path from /download/attachments/12346/header-image.png and not https://confluence.atlassian.com/download/attachments/12346/header-image.png.

Also, as explained in the article, copy the image location from the Confluence page it is attached to and use the URL as mentioned earlier (from /download/attachments.....)

Hope this works out!

Thanks

Sireesha

[Helen Xu]

@Sireesha Dugginapeddi [Appfire]

Thanks for the clarification! Now I have the logo appear in the header.

I'm noticing whatever I do in pdf layout, the export is not responding to it. It's only using the stylesheet... I even deleted the whole html code and the header words in pdf layout, the export still shows everything on.... So I just edited the css code to include positioning etc.

Thanks again!

Helen

[Aparna R]

HI,

I am not sure about the location or file path of the image?

Any help would be appreciated

[Aparna R]

HI  Helen, could you help me with this!

[Mark Walsh]

Hi @Aparna R 

For the file path of the image,

1. Insert an image to a page in a space
2. Go to Space Setting in that Space, view the list of attachments, then right-click the image and copy its location.

Hope this help :)

Ref: https://confluence.atlassian.com/doc/advanced-pdf-export-customizations-198806890.html

[Andreas Gounaris]

It doesn't work any more. Image references now throw a 404 error (not found).

My PDF styles are empty of images now, I had them for years and now they're gone!