Skip to content
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.

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.