Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • April 23, 2018 at 3:33 pm #945426
    AmberjadeRochi

    Hi there,
    I went through all the posts, but can not find a solution to place an color-section background image over the Advanced layerslider. (I tried it but it is still in the back) – it must mask the layerslider out. I also tried to make the z-index more but still doesn’t work..
    I have created an login for you guys to check if I have done it correctly.. Please if you can help?

    Kind regards

    April 23, 2018 at 5:44 pm #945466
    Guenni007

    well it is always best to see a link – but is it something like this here: https://webers-testseite.de/
    from layerslider over the next color-section – or
    like this here : https://kriesi.at/themes/enfold-hotel/

    April 23, 2018 at 7:28 pm #945496
    AmberjadeRochi

    Hi Thanks for your quick reply!!!
    Yes, but there will be 2 images, one at the top and one at the bottom and it must be fullwidth so it will look like this:- So it will look like the image is bulging.. :-) Also its over the advanced layer slider.

    April 25, 2018 at 3:16 am #946353
    Ismael

    Hi,

    Do you have a copy of the image? Is it a transparent or PNG image? Try to include the colored borders along with the image and upload it as is. We can then set the color section background to transparent and move it upwards until it covers the header.

    Best regards,
    Ismael

    April 25, 2018 at 9:24 am #946450
    AmberjadeRochi

    Hi Ismael,
    It is a transparent png. This one is for the top so it must go above the image and the other one is for the bottom..
    I dont know if its something with the z-index but it still goes behind the adanced layer slider..? Here is the code I used.. I just made the top margin less so you can see the img on the page. Hope this makes sense?

    #topimg {
    background-color: transparent!important;
    margin-top: -10px;
    z-index: 99999!important;
    border: none!important;
    }

    #bottomimg {
    background-color: transparent!important;
    margin-top: -10px;
    z-index: 99999!important;
    border: none!important;
    }

    April 25, 2018 at 1:55 pm #946575
    Guenni007

    Or put a column in that color-section and set for the column Custom top and bottom margin negative margin

    April 25, 2018 at 3:32 pm #946632
    AmberjadeRochi

    No sorry it doesn’t work.

    April 25, 2018 at 5:14 pm #946721
    AmberjadeRochi

    Hi I got it sorted its perfect now, thanks for your help :-) I added the advanced layerslider as text/shortcode into the page, and used this code..
    Thanks a mil for your help!

    .animationslider {
    margin-top: -140px;
    z-index: 1!important;
    border: none!important;
    }

    #topimg {
    background-color: transparent!important;
    margin-top: 40px;
    z-index: 10000!important;
    position: relative;
    border: none!important;
    }

    April 26, 2018 at 11:05 pm #947516
    Basilis

    Hi,

    Glad we could help!
    Please take a moment to review our theme and show your support https://themeforest.net/downloads
    To know more about enfold features please check – http://kriesi.at/documentation/enfold/
    Thank you for using Enfold :)

    Best regards,
    Basilis

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Png overlayed on advanced layerslider’ is closed to new replies.