Skip to main content

Style header and footer

With the following code pieces you can style the header and footer element according to your wishes.

The following code piece styles the header, changing its height, background, font size, font color and font family:

CODE
#slide-header {

	/*Adjust background-color*/
	background: rgba(0, 0, 0, 0.2);

	/*Adjust height*/
    height: 12%;

	/*Adjust font-size*/
    font-size: 8vh;

	/*Adjust font-color*/
	color: #f00;
}

#slide-header .text{

	/*Adjust font-family*/
	font-family: 'Open Sans', Arial, sans-serif;
}

If you want to style the footer, replace #slide-header with #slide-footer.

Presenter will always reduce the font size in headers and footers if necessary, so that the content fits into the cells. To make sure your desired font size is used, make sure that all header and footer cells are big enough to fit your content.

Keep in mind that the layout setting “Equalize font size in footer and header” also changes the font size used in the header and footer, making sure that the same size is used in all places so it looks even, overwriting your theme styles.

JavaScript errors detected

Please note, these errors can depend on your browser setup.

If this problem persists, please contact our support.