CODEWITHSUNDEEP
emacsreveal.js
Sapsi
Sapsi

Reputation: 731

Place background image in bottom corner of every slide of reveal.js

Is there a way to place an image (e.g. a logo) on the bottom right corner of every slide in a reveal.js presentation?

Even better if there is a way in ox-reveal(the reveal.js export mode for emacs org-mode)

Upvotes: 11

Views: 5590

Answers (1)

makeMonday
makeMonday

Reputation: 2415

Add an extra div to your main .html file and customize it with some CSS, e.g.:

<div id="myLogo" style="background: url(url-to-image);
                        position: absolute;
                        bottom: 100px;
                        right: 100px;
                        width: 100px;
                        height: 100px;"></div>

This will add an image with the logo in the bottom right part of the reveal.js. Just modify the CSS as you want.

Upvotes: 9

Related Questions