-
-
Notifications
You must be signed in to change notification settings - Fork 280
Background image
Patrick Schratz edited this page Jan 19, 2017
·
1 revision
To change the background image of the title slide insert the following in your my-theme.css
:
.title-slide {
background-image: url(https://upload.wikimedia.org/wikipedia/commons/3/39/Naruto_Shiki_Fujin.svg);
background-size: cover;
}
background-size
takes care that your image is scaled to fit into the slide.
You can also change the appearance of the headers for the title slide only:
.title-slide h1 {
color: #F7F8FA;
}
.title-slide h2, .title-slide h3 {
color: #e7e8e2;
line-height: 1.5em;
}
In this example we set the same color for headers h2
and h3
(grey) while h1
gets a different color (the same links are using).
You can change the linespacing if you have long headers using line-height
. Default is 1.0em
.
Make sure to insert your title.slide
block after the .inverse
block - the latter one will always overwrite the first one.