Developer Guide: Output Class & Tag Changes

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

Table of Content

Output Changes

Version 5.x Version 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" , 
<a 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">
<rs-fcr>
<div class="frontcornerstop"> 
<rs-fcrt>
<div class="backcorners">
<rs-bcr>
<div class="backcornerstop">
<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.x Version 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
Developer Guide: Output Class & Tag Changes

The Author

KC

Strength does not come from winning. Your struggles develop your strengths. When you go through hardships and decide not to surrender, that is strength.

Liked this Post?
Please Share it!