Jump to content

Archived

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

kulmetehan

Disable Parallax in Rev Slider

Recommended Posts

kulmetehan

Hey guys,

 

Does anybody know a way to disable the parallax effect in a revslider? Can't seem to find it out.

 

Or do you maybe know a full width slider that actually does the same but without a parallax?

 

 

*Extra question: Is there also a way to disable the "timeline effect" in the revslider?

 

 

Thanks in advance!

Share this post


Link to post
Share on other sites
kulmetehan

Any ideas are welcome! :)

Share this post


Link to post
Share on other sites
Danny

Hi,

 

If you're referring to the scrolling effect on the RevSlider, this isn't actually a parallax effect, it is CSS using the transform property. You can override it by following the code I have provided on this topic. I am going to be adding this to our answer docs.

 

http://forum.pagelines.com/topic/37429-page-title-section-and-rev-slider-content-scroll-effect/#entry221293

 

However, I am not sure what you mean when you say time-line effect, can you be more specific please.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
kulmetehan

Hey Danny that's great, thank you!

 

With "time-line" effect I meant the "loading bar" that shows up at the top of each slide on the revslider. Like everytime the bar reaches the end, the slider skips to the next slide. Thats cool and all, but is there a way to disable/hide the bar?

Share this post


Link to post
Share on other sites
Danny

There is no way to hide it out of the box and therefore, you're going to need to use custom CSS:

 

#site .tp-bannertimer.tp-top { display: none; }

 

In future I highly recommend you use Chromes dev tools to inspect the elements, as hiding something in CSS is extremely simple.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
kulmetehan

Hey Danny, you're right. This actually wan't that hard. Most of the time I do try using Chromes dev tools. Guess I didn't look so good this time. Thank you very much for the help!

Share this post


Link to post
Share on other sites
Danny

No problem.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites

  • Similar Content

    • jeomiland
      By jeomiland+
      Greetings
      I just migrated an old DMS2 site to PL5 at cassClayton.com. If you look at the site on Safari browser, you will see the top nav bar (NavPro) is white, but gets revealed as you start to scroll the page. NavPro is used in the Header section, then a Text section in which I have Shortcode for the Smart Slider3 plugin. Would have preferred to use a PL-compatible slider but found it difficult to get Flick and Impress slider to simply fill full screen, just height of images (they were filling whole screen, hence large black area filling in the rest).
      So seems on Safari that the load order of the plugin may be causing the Nav bar to be overwritten? or something. 
      Hoping someone can help?
      thanks...  (works fine on Chrome, Firefox, even Tor, just not Safari)
    • stijnxo
      By stijnxo+
      The Filtering of categories in the Masonic Gallery refreshes back to ALL categories when the DMS Revslider loads a new image?
      Anybody any idea? See Artists Category refreshes back to ALL when the DMS Revslider with images on the top loads a news image on http://www.18hrsfestival.nl/
    • flourishdesignstudio
      By flourishdesignstudio+
      Hi,
      I am having an issue with the Lax sections on Platform 5. I can embed a widget or text box into a Lax section which is really neat, but the image in the background (the parallax image) seems to get stretched and doesn't scale in an attractive way.  For example, the page http://ed6.61e.myftpupload.com/#clients has a parallax section with a woman's face  and I thought is would scale as the browser window gets smaller but the zoom-level never changes. Also, the amount of parallax shift seems more dramatic than what we want. I thought that if I uploaded a shorter image it would scan/scroll less since the height from the image's top to bottom would be less. However, that doesn't seem to have any effect and I am at a loss of how to properly control the way the image is displayed within that box. Any thoughts, tips, or suggestions to get me pointed in the right direction?
      Thanks so much for the help!
    • Perry
      By Perry+
      Hello there,
      We are still using DMS 2 and were wondering if it was at all compatible with slider revolution. (https://codecanyon.net/item/slider-revolution-responsive-wordpress-plugin/2751380). Our issue is that the default revslider for DMS clips the top and sides of videos when made responsive. As the video is made smaller or larger the bottom of it tends to be cut off, or the sides are. We noticed slider revolution was 100% responsive, but have had numerous issues even getting it to display in DMS 2. We have tried using the shortcode, and various php scripts to no avail. Our last attempt was to try and load it with header scripts, but at this point we seem to be further away than ever. 
      This leads me to a few questions:
      1. Is Slider Revolution even compatible with DMS2?
      2. Is there a way we can get 100% responsive video in DMS 2 with zero clipping? (tonyrobbins.com is another good example of the effect we are trying to achieve.)
      3. If Slider Revolution is compatible, how do we go about adding it in?
       
      Thank you for any help.
       
    • globalnative
      By globalnative+
      Hi there! 
      I'm wondering if I can and how I can easily make a one page scrolling parallax site with menus which scroll rather than take me to a new page?
      Something like this: http://demo.vellumwp.com/home-pages/one-page-resort/.
      Thank you kindly
      Nate
      PS: my site: http://natemaingard.com
×