How to add image on top right of page- PDF Export Customisations?

Hi there,

I am trying to put a logo on the rop right corner of my page but it won't work. Can you tell me what I'm doing wrong? I tried adding a content: url to stylesheet but that didn't work either. Is it the size of my image (180x86)?

PDF Space Export Header

<div style=s"margin-top:10mm; text-align:right">

<img src="/download/attachments/###/name.jpg"/>





/*The A4 paper size is 210 mm wide by 297 mm long*/

size: 210mm 297mm;




size: 210mm 297mm;

margin-top: 20mm;

margin-bottom: 10mm;

margin-left: 10mm;

margin-right: 10mm;




word-wrap: break-word;


@page {


background-image: url("/download/attachments/###/name.jpg");



Would appreciate your support.



3 answers


I'm struggling with that at the moment as well.

For me it worked best when I put the background image to the complete page element:

@page {
background-image: url(;
background-repeat: no-repeat;}
You might then add background-position to align the image.

I noticed that adding the image to the @top elements displays them but depending on the size of the logo it's placed outside the visible area. You can try that by adding a large fully colored graphic. I only saw a 2px line of the logo although it was like 50x50px.

And another thing that took a while to find out: If the logo should stretch over the complete document, the desired width is 797px at 96dpi.

I don't think any of it is working, even if I get rid of most of the code and just leave the logo it isn't displaying.

One important thing to mention: You will not get the PDF layout when you export using the PDF export from the page tools. It only works when using the PDF export method of the space.

Suggest an answer

Log in or Sign up to answer
Community showcase
Published Dec 18, 2018 in Confluence Cloud

Happy holidays from our team to yours!

Hi Community!  2018 was filled with changes for our team, both big and small, and we've taken a lot of time to both celebrate our wins and recognize areas of improvement. One thing that we're a...

473 views 3 18
Read article

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