The Worlds Most Powerful
WordPress Builder

If you Purchased & Registered a Slider Revolution License you can comfortably upgrade version 5.x to 6.0 from your WordPress Dashboard.

Why Activate Slider Revolution?

Activating Slider Revolution with your Personal Purchas Code will unlock all available Features.

Easy Live Updates
Personal License Key
200+ Template Library
1000+ Object Library
25+ Amazing Add-Ons
1on1 Ticket Support

*Regular License from $26. One License Key required per Domain.

Slider Revolution 6.0 NOW available!

Static Layers inherit

all of the same settings/options as regular Slide Layers. With the main difference being that Static Layers are meant to always be displayed on top of all other Slides.

Static Layers are placed directly below the regular slides list

<!– 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”.

Popular Solutions