Background image - yihui/xaringan GitHub Wiki
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.
Color and linespacing of headers
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.