<!-- begin main slide list -->
<ul>
 
    <!-- regular slide -->
    <li data-transition="fade">
 
        <!-- slide's main background image -->
        <img src="assets/images/notgeneric_bg3.jpg" alt="Sky" class="rev-slidebg">
 
    </li>
 
</ul>
<!-- end main slide list -->
 
<!-- ******************* -->
<!-- BEGIN STATIC LAYERS -->
<!-- ******************* -->
<div class="tp-static-layers" style="width:100%; height:100%; overflow:hidden">
 
    <!-- BEGIN STATIC LAYER -->
    <div class="tp-static-layer tp-caption tp-resizeme largewhitebg"
 
        data-startslide="0"
        data-endslide="99"
 
        data-frames='[{"delay": 500, "speed": 300, "from": "opacity: 0", "to": "opacity: 1"},
                      {"delay": "wait", "speed": 300, "to": "opacity: 0"}]'
 
        data-x="center"
        data-y="center"
        data-hoffset="0"
        data-voffset="0"
        data-width="['auto']"
        data-height="['auto']"
 
    >Static Layer</div>
    <!-- END STATIC LAYER -->
 
</div>
<!-- END STATIC LAYERS -->

The static layers main wrapper div gets a class name of tp-static-layers (plural), and then individual Static Layers get the class name of tp-static-layer (singular).

Static Layers also have the data-startslide and data-endslide options, allowing you to customize what Slide the Layer should first become visible, and when it should possibly disappear.  Slide numbers entered here start with an index of “0”.

If the Layer should simply be visible at all times,  set the data-startslide option to “0”, and the data-endslide option to “99”.