CSS settings for SlideShow

I have created a new template, and attached a slideshow.css file to it. But it appears to not be used (the template itself does work).

I can see that in the source code, SLIDESHOWPLUGIN::CSS uses the file shipped with the plugin inside /pub/System/SlideShowPlugin/slideshow.css

How can I have my template with my own CSS file?

-- GeraudK - 03 Jun 2021

Hi Geraud, first have a look at the docu how to create your own slide template. Basically you create a topic that looks simething like this with some example css at the bottom

%STARTINCLUDE%<div class="slideText">
<h1>
%SLIDETITLE%
</h1>
<div class="mySlide">%SLIDETEXT%</div>
</div>
<div class="slideShowFooter">
<div class="foswikiRight slideShowControls">%SLIDENAVALL%</div>
<div class="foswikiLeft slideShowNum">Slide %SLIDENUM% of %SLIDEMAX%</div>
%CLEAR%
</div>
<style>
.mySlide {
  font-size:120%;
  line-height:1.5;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: calc(100vh - 230px);
  margin:0 3em 0 2em;
}
.mySlide li {
   margin:0.5em 0;
}
</style>%STOPINCLUDE%

-- MichaelDaum - 03 Jun 2021