Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

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)

like image 492
Sapsi Avatar asked Feb 26 '14 06:02

Sapsi


1 Answers

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.

like image 198
makeMonday Avatar answered Nov 15 '22 18:11

makeMonday