Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • October 20, 2015 at 7:36 pm #521986
    mrcityrunner

    Hello

    I would like to overlay a PNG image over the easysliders (which will make the top part darker to make the logo and menu stand out). The PNG image filename and location is in the private data box… Please let me know what code i need to implement so that this dark transparent png can be overlaid on the easyslider images.

    Thanks a lot

    October 21, 2015 at 9:48 am #522212
    Ismael

    Hi mrcityrunner!

    Thank you for using Enfold.

    Please add this in the Quick CSS field:

    .avia-slideshow:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: red;
    z-index: 1000;
    position: absolute;
}

    Adjust the background property. http://www.w3schools.com/css/css_background.asp

    Regards,
    Ismael

    October 22, 2015 at 7:11 pm #523236
    mrcityrunner

    Thanks, but now this causes the problem of the slideshow not to autoplay and you cannot click the next/back icons…

    Please see the link in the private box so you can see what i mean…

    pls let me know how to resolve this asap

    Thanks

    October 22, 2015 at 7:32 pm #523243
    mrcityrunner

    Its ok – i got it working now… i just lowered the value of the z-index. thanks

    October 23, 2015 at 9:25 am #523529
    Ismael

    Hi!

    Great! Glad we could help. :)

    Regards,
    Ismael

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘PNG over Easy Slider’ is closed to new replies.