Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • #977384

    Is it possible to set the picture in de LayerSlider fixed, so that when you scrol the page de picture scrolls a little bit with it, up and down?

    #977567

    what you describe is more or less a parallax effect on that image! Isn’t it?
    Layerslider has got on transitions tab the option to enable parallax transition ( you can set a parallax level and if it is correlated with scroll event)

    #977600
    This reply has been marked as private.
    #977757

    Hi,

    Add a Slide Background Image and set the Size to “cover” and position to “center center”. Click the “Show More Options” button and configure the “Parallax Defaults” option. The “Event” dropdown should be set to “Scroll” instead of “Cursor or Tilt”. You can also create a fixed background image effect with the color section or the full screen slider element. Just set the “Background Attachment” to “fixed”.

    Best regards,
    Ismael

    #977810

    Hi Ismael,

    Thanks for your reply, I will try this and let you know if i got it worked!

    Best regards,
    Ferry

    #977814

    Hi Ismael,

    I tried, but I cannot get it work, I do not see any change when I set your settings to the slide.

    Any suggestion?

    Best regards,
    Ferry

    #978038
    #978412

    Hi Victoria,

    Thanks for your reply. The problem is I think, i do not want a parallax effect but more the effect like the demo site from the Enfold theme. Something like you see at “What our customers say” part of the demo. So you scroll up and down and the picture stays fixed.

    https://kriesi.at/themedemo/?theme=enfold-overview

    If you scroll all the way down you can see what I mean. That is effect I would like to use in the Slider, if it is even possible offcourse!

    Maybe it is only possible if you use a full screen slider…

    Best regards,
    Ferry

    #978642

    Hi,

    If you want a simple fixed background, add this code inside an html layer.

    
    <div id="fixed-bg"></div>
    

    Set the width and height to 100% then apply the background properties in the Quick CSS field.

    #fixed-bg {
      background: url('IMAGE URL HERE');
      background-attachment: fixed;
      background-size: cover;
      width: 100%;
      height: 100%;
    }

    Best regards,
    Ismael

    #979699

    Hi ismael,

    For some reason it will not work!

    I think I will let it just the way it is!

    Thanks for your time!

    Best regards,
    Ferry

    #979790

    Hi Ferry,

    Thanks for the feedback. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

    #979969

    Hi Rikard,

    You can close this topic!

    Best regards,
    Ferry

    #980310

    Hi,

    Thank you for letting us know.

    Best regards,
    Basilis

Viewing 13 posts - 1 through 13 (of 13 total)
  • The topic ‘Is it possible to set te picture fixed in the LayerSlider ?’ is closed to new replies.