• 0

Rev Slider Classes In DMS2?

Question

Posted · Report post

I played around with Rev Slider before but am now working on implementing in a client site.  It seems much more reliable that previous versions and faster than the RevSlider plugin.  However, I do have a couple of questions still
 
When using the "Slide Extra Captions" area it overrides the Title, Slide Text and Buttons.  Is this the expected behavior?  It makes sense, just wanting to confirm.  Also, I added the code below to my slider "Slide Extra Captions" it works for the most part...however I added the "slide-title" in the class for the text KICKSTART, thinking this would pull from the DMS class for the slider (I inspected and it seemed like that was the class being used).
 
I need to add more than a title and text....several images and text animations to a slide.  I would just like to use whatever classes are built in to DMS2 for the Slider title and text.  What would those be?  Do I still need to use the "slider-btn" class (I tried a button without it and it seemed to work)?
 
div class="caption slide-title sft"  data-x="center" data-y="100" data-speed="700" data-start="1700" data-easing="easeOutBack">KICKSTART YOUR WEBSITE</div>
   <div class="caption rvslide-opt2 lft"  data-x="center" data-y="142" data-speed="500" data-start="1900" data-easing="easeOutBack">WITH SLIDER REVOLUTION!</div>
   <div class="caption lfr rvslide-opt3"  data-x="center" data-y="210" data-speed="300" data-start="2000">UNLIMITED TRANSITIONS</div><div class="caption lfl" data-x="center" data-y="300" data-speed="500" data-start="1900" data-easing="easeOutBack"><a href="your html link"><button class="btn btn-large slider-btn btn-ol-white">Learn More</button></a>&nbsp;&nbsp;<a href="reach-us/"> <button class="btn btn-large slider-btn btn-ol-white btn-left"  link="your html link">Get Started</button></a></div>

Share this post


Link to post
Share on other sites

3 answers to this question

  • 0

Posted · Report post

Hi,

 

Your HTML isn't correct, you're adding the slider-title to a div tag, the way the RevSlider uses that class is, that it adds it to a header tag like this:

 

<h2 class="slide-title">KICKSTART YOUR WEBSITE</h2>

As for your Slider buttons, the HTML again isn't correct. I recommend you inspect the RevSlider and see how these classes are applied, as you're not using them in the correct way.

 

For example, with the Slider buttons, this is the HTML taken from a RevSlider default slider.

 

<div class="slider-buttons"><a href="http://www.pagelines.com/pricing/" class="btn btn-large slider-btn btn-primary">Plans &amp; Pricing</a> <a href="http://themes.pagelines.com/dms/features/" class="btn btn-large slider-btn btn-ol-white">Features</a></div>

 

You need to wrap your buttons in a div using the slider-buttons class, then add your buttons HTML.

 

Like so:

 

https://gist.github.com/f36026c55609ea7339d0

 

Which will look like this:

 

https://cloudup.com/ckfvn8yIs8n

1 person likes this

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

No problem.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!


Register a new account

Sign in

Already have an account? Sign in here.


Sign In Now