Tagged: 

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • February 5, 2014 at 3:27 am #219737
    Phet

    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!

    February 5, 2014 at 3:55 am #219740
    Yigit

    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

    February 5, 2014 at 4:32 am #219756
    Phet

    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!

    February 5, 2014 at 4:35 am #219758
    Yigit

    Hi!

    Here is some good news for you http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ :)

    Regards,
    Yigit

    February 5, 2014 at 4:39 am #219761
    Phet

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

    Thanks again Yigit!

    February 5, 2014 at 4:41 am #219763
    Yigit

    Hi!

    You are welcome, glad we could help!

    Regards,
    Yigit

  • Author
    Posts
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.