Services Plugins FAQs

HTML to insert text or picture on the header and page number on the footer

Hi,
I bought the plugin Bubble page to PDF converter and I don’t know which HTML code I suppose to write to insert a text or picture on the header and the page number on the footer.

Thank you,
Douglas Gouveia

Hi @douglas.epr
Thanks for reaching out!

Image links need to be in Base64 format in the Header section. For example:

Summary


Let me suggest you use this link to convert your image to Base64 format: https://www.base64-image.de/ 7/

After converting your image with this link to base64 format, you will just need to add the < img > tag (< img src=“image link(base64)” >) as I showed you in the screenshots.

It’s a regular HTML format.

Example HTML:

  • <div style="text-align: right;width: 297mm;font-size: 8px;"><span style="margin-right: 1cm"><span class="pageNumber"></span> of <span class="totalPages"></span></span></div>

Here you can try it and insert desired text in the plugin element: HTML style Attribute

If you have any further questions, please let me know.

Best regards,
Gulce

1 Like

It worked. Thank you so much!
Do you know the HTML format for the text in the header “MEMORIAL DESCRITIVO

PROCESSO DE SEGURANÇA CONTRA INCÊNDIO E PÂNICO (PSCIP)
” font-size: 12px, text-align: center, font-type: Open Sans, bold?

Hi @douglas.epr,

Please try this one:

<html>
<body>

<p style="text-align: right; width: 150mm; font-size:12px;font-family: 'Open Sans' "><b>MEMORIAL DESCRITIVO PROCESSO DE SEGURANÇA CONTRA INCÊNDIO E PÂNICO (PSCIP)<b></p>


</body>
</html>

Hope it helps!

Best regards,
Gulce

1 Like

It worked. Thank you so much!

1 Like