• Resolved grungyparadigm

    (@grungyparadigm)


    Is there a way to overlay a static image over the Slider? I want the Slider to change images, but have an image of a person in front that doesn’t move.

    Thanks!

Viewing 7 replies - 1 through 7 (of 7 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Sure, it sounds like you just need to use z-index https://css-tricks.com/almanac/properties/z/z-index/

    Theme Author alex27

    (@alex27)

    Hello!

    I you just want to have one static image instead of slider it can be easily done if you have just one slide. There will be no animation, so it will look like static image.

    Thread Starter grungyparadigm

    (@grungyparadigm)

    Thanks Andrew! I’ll give that a shot.

    Hi Alex! I’m looking to have the static image on top, and have the slider change between photos in the back ground. (I thought it would look really neat!)

    Theme Author alex27

    (@alex27)

    I’m afraid I can’t imagine how it would look like. On top, like partially covering the slider? Can you point me to an example?

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    I’m envisaging something like this: https://snag.gy/RvCe2.jpg – I’ve seen that sort of request by someone before.

    Thread Starter grungyparadigm

    (@grungyparadigm)

    Yes Andrew! Just like that!

    Theme Author alex27

    (@alex27)

    In that case it might be quite challenging to achieve this effect. Mostly because you probably need to add this overlay image to the template. Normally you do that via child theme, but slider is generated by a plugin and there’s no safe way to edit plugins.
    Maybe you could work around this by placing this overlay image on each slide (make it part of the image)?

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Overlay an Image on Top of Slider’ is closed to new replies.