Tagged: 

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #219737

    Hi guys,

    I’m currently trying to overlay a .png file in a div that will be superimpose over a part of a full width layer slider.

    This is the .png I want to overlay : Speedz Automotive Chrome

    And this is what I would like to achieve : Layer Slider Mockup

    I would like to have the PNG to stay there and have the Slides run behind it.

    I don’t think it’s possible to do so with the theme directly, but does anyone have a clue where I should start? I know how I would do it if I would go from scratch, but not with an sophisticated theme as Enfold.

    Any help would be appreciated!

    Thanks!

    #219740

    Hi pmaly!

    Please add Color Section element to your page right under your Layerslider, then set your image as Custom Background Image of color section element and give it a custom ID myid (or any other). Then add following code to Quick CSS in Enfold theme options under Styling tab

    #myid {
    background-color: transparent!important;
    margin-top: -55px;
    z-index: 55;
    border: none!important;
    }

    Best regards,
    Yigit

    #219756

    Wow! Thanks Yigit!

    I didn’t know that we could add custom ID to the Color section element.

    This should be a default feature for any Avia layout builder element. It would give a guy like me (control freak…) more control over the CSS and graphic design!

    Thanks!

    #219758
    #219761

    WHAT!? You guys rock!! And I’m sitting here, busting my brains out on the functions.php!

    Thanks again Yigit!

    #219763

    Hi!

    You are welcome, glad we could help!

    Regards,
    Yigit

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Adding a static layer div over layer slider div’ is closed to new replies.