Jump to content

Archived

This topic is now archived and is closed to further replies.

jmad

Rev Slider

Recommended Posts

jmad+    80
jmad

I've looked over the documentation for the Rev Slider and am ready to start playing around with this. However, I need to know where to start.  

 

I would like to be able to change the background color of the text, remove the advance bar from the bottom.  Any direction would be helpful.

 

Thanks

Share this post


Link to post
Share on other sites
batman    389
batman

Hi jmad

You can add some CSS rules in your "Custom Code" or "Base Theme" to change the background color or remove the bar

For example, please you add

 

.slider-text 
    background: none;
    box-shadow: none;}

My exemplary code is not necessarily applicable as written, to your site, so please adjust accordingly.

You have more information here:

http://www.orbis-ingenieria.com/code/documentation/documentation.html#!/responsive_basic


Life is too short to remove USB safely ...

Share this post


Link to post
Share on other sites
jmad+    80
jmad

Hmmm that didn't work, should slider-text be the name of the styling class?

 

Also, I noticed that if the text is right or left aligned it doesn't show in the correct position on mobile devices until the second pass.  Is that a known issue or is there a correction I can make? 

Share this post


Link to post
Share on other sites
batman    389
batman

Hi again

 

If you want to use styling class, please add the code to "Custom Code" or "Base Theme"

.remove-background-revslider .slider-text 

    background: none;
    box-shadow: none;}
Then you add to styling class
remove-backgound-revslider
 
You have an example how to use  styling class at

Life is too short to remove USB safely ...

Share this post


Link to post
Share on other sites
jmad+    80
jmad

batman"]  thanks for your help.  If you have experience using Rev Slider with DMS I'd love to hear your thoughts.  Otherwise maybe @[member="Danny could weigh in with the best practice. 

 

I put this on hold and am now back to working with Rev Slider, which I have never done before.  The Rev Slider built into DMS is super basic with hardly any options such as placement of items/layers, timing, etc (I'm surprised they didn't add more since Sliders are a highly used feature).

 

After searching the web and forums it looks like there are two options.  First use the built in Rev Slider and add my own code to the "slide extra elements" area.  In this case, should I leave everything else in the slide editor blank? 

 

It seems Slider Revolution from code canyon can be used in a full width section.  This is probably easier but will mean extra an extra plugin and I'm worried about it playing nice with DMS.  

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

Using the RevSlider section, you can add an image and then add whatever you like to the Slide Extra Elements option. If you see my response here you will get some understanding of it. 

 

http://forum.pagelines.com/topic/28168-revslider-how-to-add-video-and-have-it-resize-properly/page-2

Basically, that code will add a video to your RevSlider, you can do the same thing for text, images and so forth, all the different options are on this page - http://www.orbis-ingenieria.com/code/documentation/documentation.html#!/markup

You can use them to provide different functionality such as position, effect etc...


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
jmad+    80
jmad

So all the Rev Slider classes, transitions and easing are already in DMS?  

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

Yup, just add them to your HTML like I did in my post I linked above and that code will add a video with the easing, transitions etc...

When you take that into consideration the RevSlider section is very powerful and can be customized extensively, as you're not limited to the Title, Text fields, you can leave them empty and add your own content using your own custom classes.

 

I do plan on writing up an article to give a better understanding of this on our docs, but the forums have been crazy lately, so I just haven't had the time.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

No problem.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
knasen81    0
knasen81

@Danny 

 

My page is www.subgroup.se

 

Another questions:

1) I would like to change the captions in the slider, how do I do that? I am not a developer and I have very basic knowledge about coding. Now it looked like this: http://d.pr/i/t1f8 and Id like the text to have this stile: http://d.pr/i/B7DA This is how the codex i use looks like: http://d.pr/i/DYjq

 

2) Using the same codex than above I have two problems with the video: The video starts automatically as soon as the site starts down loading. I would like the video to start first when you click START.  The other problem is that when starting a video the slider continues going on, Id like it to stop when the video is being play

 

Please help!

 

Ricard

Share this post


Link to post
Share on other sites
greenfly    230
greenfly

Hello knasen81 - can you create your own topic please? 


The answer to many issues can be found by searching in the forum before posting as someone else  may very well have had the same problem before you have.  Also, reading the documentation can help you gain a good understanding of how everything works. 

 

Please do not send me private messages. Occam's razor - The principle states "Keep things simple!"

Share this post


Link to post
Share on other sites

  • Similar Content

    • jagipson
      By jagipson+
      I am building a site on this url: http://www.recruiterwebsitedesign.com/hager/
      I have a couple questions about the Rev Slider. How can I disable the time completely? I am not asking how to make the progress bar disappear. I want the slider to only automate by the user clicking the left or right arrow. 
      The next question is I want to add a video file on all three slides. What I see is happening is I added one on Slide three. It looks like the video is just constantly playing in the background. So, when the user gets to the third slide it maybe half way into the video. Shouldn't the video slide start once the user clicks this slide? 
      The last thing is if my video is 5 seconds long can the rev slider automatically change to the next slide after the video is over? I could just change the time to 5 seconds on the rev slider but one could be 5 the other could be 10seconds. So, that wouldn't work. 
      Let me know what my options could be.
      Thanks
    • arcangel
      By arcangel+
      Hi
      I cant change the images on the rev slider anytime I refresh the page it goes back to the old images.
      I am using the Pinspro theme with Pagelines pro DMS
      My site is:
      http://blog.arcangel.com/
      I had a look through the forums and noticed someone else had a similar problem and it got fixed with an update.
      However in the website backend it says everything is up to date.
      Can someone please tell me how I can update to the latest version if there are not update options in the backend.
      Or if you think there is another solution to the rev slider problem that isn't update related :-)
      Many thanks
      Lee
       
       
    • Eppi
      By Eppi
      Hi,
       
      since some days I have problems with the Rev. Slider. The slider is loading and did not stop loading. Sometimes it works as is should and sometimes only loading. Attached I send some screenshots to show the problem.
       
      If you click reload inside your browser the problem should occur often.
       
      Has anybody an idea how to fix it? I did not change anything on the start website (where the slider is placed).
       
      Here is the link to my site: http://xs.gy/t2w
       
      Thanks
       
      Eppi
       
    • abuzzelli
      By abuzzelli+
      Hi, I'm having an issue with my text in the rev slider on this site not being responsive. How can I fix this?
       
      http://fitwithmai.com/
    • Aires
      By Aires+
      Hi, I have tried the pl animations and these   http://previous.themepunch.com/revolution4-jquery/liveguide/03.Sample-FullScreen.html and  http://www.orbis-ingenieria.com/code/documentation/documentation.html#!/layout   For the Rev slider and none of them seem to work.    Some of the captions classes don't seem to work either.   Any suggestions.    Aires
×