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 Purchase 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 $29. One License Key required per Domain.

Slider Revolution 6.0 NOW available!

What needs to be changed when transitioning to Slider Revolution 6 with custom modifications

Contents

Output Changes

Version 5.xVersion 6
<div class="forcefullwidth_wrapper_tp_banner">
<rs-fullwidth-wrap>
<div class="tp-fullwidth-forcer">
<rs-fw-forcer>
<div class="rev_slider_wrapper">
<rs-module-wrap>
<div class="rev_slider">
<rs-module>
<ul class="tp-revslider-mainul">
<rs-slides>
<li class="tp-revslider-slidesli">
<rs-slide>
<div class="tp-static-layers">
<rs-static-layers>
<div class="tp-static-layers-back">
<rs-static-layers class=".rs-stl-back">
<div class="tp-caption">
<rs-layer class="rs-layer">
<div class="tp-bannertimer">
<rs-progress>
<div class="tp-loader">
<rs-loader>
<div class="rev_row_zone">
<rs-zone>
<div class="tp-caption" data-type="row">
<rs-row data-type="row">
<div class="tp-caption" data-type="column">
<rs-column data-type="column">
<div class="tp-caption rev-group" data-type="group">
<rs-group data-type="group">
<div class="tp-caption" data-type="...">
<rs-layer data-type="...">
<a class="tp-caption" , <h1..h7 class="tp-caption">
<a class="rs-layer"> / <h1..h7 class="rs-layer">
<span class="tp-caption">  
<span class="rs-layer">
<p class="tp-caption">
<p class="rs-layer">
<div class="rs-background-video-layer">  
<rs-bgvideo>
<div class="tp-bgimg defaultimg">
<rs-sbg>
<div class="tp-kbimg-wrap">  
<rs-pzimg-wrap>
<div class="tp-carousel-wrapper">
<rs-carousel-wrap>
<div class="tp-dottedoverlay">
<rs-dotted>
<div class="tp-element-background">
<rs-bg-elem>
<div class="frontcorners"></div>
<rs-fcr>
<div class="frontcornerstop"></div> 
<rs-fcrt>
<div class="backcorners"></div>
<rs-bcr>
<div class="backcornerstop"></div>
<rs-bcrt>
.tp-withaction
.rs-waction
.tp-bottom
.rs-bottom
.tp-invisible-slide
.rs-not-in-nav
.tp-kbimg 
.rs-pzimg
.tp-static-layers-back
.rs-stl-back
.tp-overflow-hidden
.rs-ov-hidden
.tp-layer-selectable
.rs-selectable
.fullscreenvideo
.rs-fsv
.tp-svg-layer
.rs-svg
.disabled_lc
.rs-nolc
.rs-parallaxlevel-(level)
.rs-pxl-(level)
.tp-static-layer 
.rs-layer-static
.tp-videolayer 
.rs-layer-video
.tp-audiolayer
.rs-layer-audio
.tp-hiddenaudio
.rs-layer-hidden
.fullwidthbanner-container
REMOVED
.fullscreen-container
REMOVED
.fullwidthabanner
REMOVED
.fullscreenbanner
REMOVED
.tp-shape
REMOVED
.tp-shapewrapper
REMOVED
.rs-looped
REMOVED
.rs-pendulum
REMOVED
.rs-rotate
REMOVED
.rs-slideloop
REMOVED
.rs-pulse
REMOVED
.rs-wave
REMOVED
NEW: .rs-sba
---
NEW: .rs-pxmask
---

Runtime Changes

Version 5.xVersion 6
<div class="tp-parallax-wrap">
<rs-parallax-wrap>
<div class="tp-mask-wrap">
<rs-mask-wrap>
<rs-px-mask>
<rs-px-maskp> 
<div class="tp-loop-wrap">
<rs-loop-wrap>
<div class="slotholder">
<rs-sbg-wrap>
<div class="slotholder_fadeoutwrap">
<rs-sbg-effectwrap>
class:.tp-poster
tag:rs-poster
class:.tp-video-poster
tag:rs-poster
class:.rs-toggle-content-active
class:.rs-tc-active
class:.tp-hidden-caption
class:.rs-layer-hidden
class:.tp-no-events
class:.rs-noevents
class:.tp-resizeme
data-rsp_ch="on"
class:.rev_row_wrap
tag:rs-row-wrap
class:.rev_row
tag:rs-row
class:.rev_column
tag:rs-column-wrap
class:.rev_column_inner
tag:rs-column
class:.tp-parallax-wrap
class:.rs-parallax-wrap
class:.rev_layer_in_group 
data-ingroup = jQuery(Group)
class: .tp-revslider-slidesli 
tag: rs-slide
class:.active-revslide
.active-rs-slide
class:.processing-revslide
REMOVED
class:.next-revslide 
REMOVED

Popular Solutions