DMS 2 Parallax Basics

4 posts in this topic



There is little to no information in the forums and even less information in the DMS docs, regarding this topic/feature.  If I'm just missing the information, I apologize in advance.


As I told Andrew Powers, in a recent survey he (PageLines) sent me, we're not looking for PL to design/develop our sites for us...but more documentation would be nice.  According to AP...more documentation is coming.  Yay!  Moving on from my short rant.


On the DMS 2.0 demo site, there is a section labeled "Video and Image Parallax Backgrounds".  That's great, but how we do that same thing...ourselves?


Here is the page I'm currently working on and the steps I've taken so far.


  1. Added a Canvas Area
  2. Edited the Canvas Area, choosing "Parallaxed Scrolling Effects" for Area Styling > Scrolling effects and  sizing
  3. Edited the Canvas Area, added a custom background image via Background Options > Background Image   **The background image is 1920 × 1200.  **From what I did find in the forums, it says to make sure the background image is way bigger than the section.
  4. Added a Masthead to the Canvas Area, for testing purposes

Again, I apologize in advance.  Just really lost here.


Thank you.





1 person likes this

Share this post

Link to post
Share on other sites

Hi rlogan

Ryan, please you can edit the Canvas Area and set the "Area Minimum Height (px)" in 1000px (for example) and you see whats happens.

You can see a example in this

1 person likes this

Share this post

Link to post
Share on other sites

Thank you batman.  That def helped!

Share this post

Link to post
Share on other sites

Thanks for informing us the issue has been resolved.

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

  • Similar Content

    • Parallaxed options - what is the difference
      By Jesper+
      When i add a background image in a section i can choose 3 different options for parallaxed images - but i can't find any documentation on it.
      Parallax background image
      Alternative parallax background image
      Improved parallax background image
      What is the difference between these 3?
    • Parallax Is it ever going to be fixed?
      By jmad+
      On my site, madskydesign dot com I have the parallax option checked but there is no parallax effect happening.  This has been a problem for ages.  Is it ever going to resolved?
    • Translate Content on Scroll
      By thwarted
      Folks,   We're adding the finishing touches to an iBlogPro v1.2 site and have come up against a small issue with the Translate Content on Scroll style for Canvas Areas:   [Canvas Area] > Area Styling > Scrolling effects and sizing > Translate Content on Scroll   It creates a pleasingly modern appearance BUT when the browser is windowed and set wider than it is tall, the parallax effect causes the Canvas contents to fade and become obscured by the next object down the page moving up when you start scrolling. Even when the browser window is made taller, the object below begins its transition up the page far too early, leaving the bottom part of the Canvas always obscured and never visible.   I was wondering if this effect had any UI properties or other configuration? I don't mind editing the code that makes it work, but would rather have some pointers from you guys first.   (Incidentally I have no way of knowing precisely what version of DMS I'm using. Is there an 'about' page detailing everything I have installed? I've seen plenty of references to DMS 2 but the only version I can find by looking at the theme entry is iBlogPro v1.2.)
    • Disable Parallax in Rev Slider
      By 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!
    • Parallax on mobile?
      By frakture
      Hi there, I'm wondering if there is something I'm missing in order to enable a parallax image on mobile devices? The page in question is, and it is the image with the bots on the top. Thanks!