Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
  • #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!



    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,


    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!



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

    Thanks again Yigit!



    You are welcome, glad we could help!


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.