I would like the logo of the company on any pdf export within an area.
Asked by jojootje:

I would like the logo of the company on any pdf export within an area.

The page [](https://confluence.atlassian.com/display/DOC/Customising+Exports+to+PDF "Follow link")<https://confluence.atlassian.com/display/DOC/Customising+Exports+to+PDF>is giving me too litte information to get it working. I tried 4 ways to get the logo above the page of a pdf, but neither is working. (see attachment)

After saving the "look and feel" pages, I open a page (example [](http://help.softwear.nl/display/SWHELP/informatie+over+SEPA "Follow link")<http://help.softwear.nl/display/SWHELP/informatie+over+SEPA>) and go to Tools - Export to PDF.  
No logo appears.

Please tell me what to do.

What I already tried:

```
option 1: pdf download:&lt;div id="logo" style="margin-top:10mm"&gt;&amp;nbsp;&lt;/div&gt;pdf stylesheet.logo{margin-left: auto;margin-top: 50mm;margin-right: auto;backgound-image: /download/attachments/4948755/header_softwear_100.jpg;page-break-after:always}option 2:pdf download:&lt;div class="fsTitlePage"&gt; &lt;img src="/download/attachments/4948755/header_softwear_100.jpg" /&gt;&lt;/div&gt;pdf stylesheet:.fsTitlePage{margin-left: auto;margin-top: 50mm;margin-right: auto;page-break-after:always}option 3:         pdf download:&lt;div style="margin-top:10mm"&gt;  &lt;img src="http://help.softwear.nl/download/attachments/4948755/header_softwear_100.jpg" /&gt;  &lt;/div&gt;pdf stylesheet:.fsTitlePage{margin-left: auto;margin-top: 50mm;margin-right: auto;page-break-after:always}option 4:pdf download:&lt;div class="fsTitlePage"&gt; &lt;img src=""http://help.softwear.nl/download/attachments/4948755/header_softwear_100.jpg" /&gt;&lt;/div&gt;pdf stylesheet:.fsTitlePage{margin-left: auto;margin-top: 50mm;margin-right: auto;page-break-after:always}
```


Answers:
author: salehparsa
body: Hi Jojootje,

I think it's better to use **content** instead of the **background image**.

```
.logo{margin-left: auto;margin-top: 50mm;margin-right: auto;content: url ("http://help.softwear.nl/download/attachments/4948755/header_softwear_100.jpg");page-break-after:always}
```

Take a look at this example in [this comment](https://confluence.atlassian.com/display/DOC/Customising+Exports+to+PDF#comment-198803519) on documentation.

Cheers,

Saleh

comments: author: jojootje
body: Still no logo, even if I change the URL to [/download/attachments/4948755/header_softwear_100.jpg](http://help.softwear.nl/download/attachments/4948755/header_softwear_100.jpg) as suggested in the documentation.  
any other suggestions?


author: Steffen Heller
body: Just a few hints:

Option 1 contains some mistakes:   
You mix up "id" and "class". In the html you define an id but in the CSS you use a class. And the syntax for "`backgound-image"` is wrong. It must be "background-image: url(`/download/attachments/4948755/header_softwear_100.jpg`);"

Option 2, 3 and 4 won't work at all because the "Look and Feel \> PDF Space Export \> Header/Footer" only works for space exports (Browse \> Advanced \> PDF export). But what you are using is a page export (Tools \> Export to PDF).

comments: author: jojootje
body: Thank you! I kept staring at my codes but didn't see the errors.

I changed it, but still no logo on the export. Have another idea?

```
pdf download:&lt;div class="logo" style="margin-top:10mm"&gt;&amp;nbsp;&lt;/div&gt;pdf stylesheet.logo{margin-left: auto;margin-top: 50mm;margin-right: auto;background-image: url(/download/attachments/4948755/header_softwear_100.jpg);page-break-after:always}
```

Somebody??