Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • September 22, 2015 at 5:39 pm #507254
    bibbitybop

    There is a neat effect in the church demo, where the content overlaps the image (see the about page). The cell’s top margin is set to -60px to achieve this. While this works great on a static image, I can’t get it to work if the images are in a layerslider. The content will not overlap the layerslider. Any way to get this to work ? Thanks.

    BTW.. great work on the demos.

    September 22, 2015 at 8:30 pm #507331
    Dake

    Hi bibbitybop!

    That can be achieved by changing the z-index and positioning of the content section.

    May we have a link to your website so we can provide you with the appropriate css?

    Best regards,
    Dake

    September 22, 2015 at 11:44 pm #507419
    bibbitybop

    That would be great. Sent.

    September 23, 2015 at 7:08 am #507510
    Ismael

    Hi!

    We modified the color section below the layer slider then applied a unique id attribute called “custom-section”. You can use that selector to offset the position of the color section. Add something like this in the Quick CSS field:

    #custom-section {
    z-index: 10000;
    position: relative;
    margin-top: -50px;
}

    Regards,
    Ismael

    September 23, 2015 at 12:28 pm #507670
    bibbitybop

    Excellent. Thanks ! – Joe

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Anyway to overlap content on top of a layerslider ?’ is closed to new replies.