Jump to content


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


Size adjustment of backgrounds with superfade and content shadow

Recommended Posts


Is there a way to change the backgrounds from fitting to the full page? Before i had one background that left bars on the side of the page. Also, when i enable super fade, the content shadow disappears. Is there a way to get that back or even edit that to an opaque white background? 


I searched around and did not find an answer to this. Please forgive me if this is an stupid question, I am new to this.



Share this post

Link to post
Share on other sites
No the plugin is supposed to stretch the full screen to create a seamless experience. The content shadow should still show up, but I'd need a link from you to confirm or help further.

Share this post

Link to post
Share on other sites

Is superfade available for DMS?


I'm trying to accomplish this but am having a hard time because superfade isn't available for DMS - or so I thought.


I hope so!

Share this post

Link to post
Share on other sites

  • Similar Content

    • tsalstrand
      By tsalstrand
      In Pagelines 2.0, Adam Munns created a plugin called Superfade that was free and based upon Scott Robbin's jQuery "Backstretch" script.
      Well, while that might not be available for DMS, I'm trying to just load the script and write a little jQuery to make it work.  Scott Robbin's gave some instructions on his website, but for the life of me, I can't get it to work for the background of one of my elements.
      I'm trying to get it to work on this page: http://convertwith.me/our-process/
      For the ID #pl_area3o2o3m which has a class equivalency of .tester-area
      This is what I have in the "custom scripts" area:
      <script> $(document).ready(function() { $("#pl_area3o2o3m").backstretch([ "http://dl.dropbox.com/u/515046/www/outside.jpg" , "http://dl.dropbox.com/u/515046/www/garfield-interior.jpg" , "http://dl.dropbox.com/u/515046/www/cheers.jpg" ], {duration: 3000, fade: 750}); }); </script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery-backstretch/2.0.4/jquery.backstretch.min.js"></script> <script src="jquery.backstretch.min.js"></script> I've also try switching out the ID for the class .tester-area
      jquery.backstretch.min.js is loading properly, so it has to be how I'm calling it in, but I can't figure out where I'm missing the mark.  

      Suggestions would be great!
    • mbreese1
      By mbreese1
      Hi Adam!
      Thanks a bunch for all the great plugins Unfortunately I've hit a duh speedbump. I want to *just* have superfade on one page but don't now how. I can turn off all other pages with page-specific css but that seems like a lot of unnecessary css. I've got
      .page-id-113 .backstretch { position: fixed!important; visibility: visible !important; } but obviously that doesn't do anything to NOT show superfade on every other page. Any help would be greatly appreciated

    • imagineutopia
      By imagineutopia
      I have superfade running on my site and I was trying to change the custom background image on a individual post on my site, but its giving me trouble.
      when I load the page  I can see my background for a sec, but the superfade loads up on top of it.
      is there anything I can do to make it so superfade doesn't show?
      here's the url:  
    • alisamski
      By alisamski+
      Classic nav is conflicting with superfade. dropdowns do not work.
      Please advise.