Jump to content


Photo
- - - - -

Rev Slider Classes In DMS2?


Best Answer Danny , 21 July 2014 - 11:18 AM

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:

 

 

Which will look like this:

 

https://cloudup.com/ckfvn8yIs8n

Go to the full post


  • Please log in to reply
3 replies to this topic

#1 jmad

jmad

    Advocate

  • Members

  • 870 posts
  • LocationCentral Florida
  • Framework Version:DMS
  • Country: Country Flag

Posted 21 July 2014 - 01:18 AM

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>


#2 Danny

Danny

    Is Awesome!

  • Moderators
  • 16313 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 21 July 2014 - 11:18 AM   Best Answer

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:

 

 

Which will look like this:

 

https://cloudup.com/ckfvn8yIs8n


  • batman likes this

#3 jmad

jmad

    Advocate

  • Members

  • 870 posts
  • LocationCentral Florida
  • Framework Version:DMS
  • Country: Country Flag

Posted 21 July 2014 - 06:53 PM

Danny,

 

Thanks, just couldn't see it.  I had pulled from a previous post http://forum.pagelin...properly/page-2  and built on that as well as inspecting but I just wasn't looking at it correctly.



#4 Danny

Danny

    Is Awesome!

  • Moderators
  • 16313 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 22 July 2014 - 10:37 AM

No problem.