Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • June 5, 2018 at 3:27 pm #967264
    MadRhino

    Hi there,

    I’m experimenting with custom CSS elements to create a unique parallax effect.

    So, assuming that I would like to add the following custom CSS content wrapper to LayerSlider and it should remain/appear on every slide. How would I need to go about that?

    Here is what I’m trying to add:

    #-wrapper {
    background: #cf0c2b;
    -moz-transform: skew(0, -8deg);
    -o-transform: skew(0, -8deg);
    transform: skew(0, -8deg);
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    margin: -120px 0 0 0;
    z-index: 1;
    }

    As always, I truly appreciate any help with this. Many thanks.

    June 5, 2018 at 7:52 pm #967421
    Jordan Shannon

    Hey MadRhino,

    The link you provided below is not working for me. Please check it.

    Best regards,
    Jordan Shannon

    June 5, 2018 at 9:19 pm #967494
    MadRhino

    I’m sorry Jordan. There was a space where there shouldn’t be any.

    Many thanks for looking into that.

    June 8, 2018 at 1:40 am #969901
    Ismael

    Hi,

    Thanks for the update. Edit the layer and then add the css properties in the Style > Custom CSS field. You can also apply a unique id to the layer in the “Link & Attributes” panel. If you want this layer to display on every slide, make sure that the “Transition” > “Other Settings” > “Keep this layer” is set to “Forever”.

    Best regards,
    Ismael

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.