Avada Forums Community Forum Before/After images INSIDE carousel

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • brandydoll
    Participant
    Post count: 43

    Hi. I have tried every which way to do this. All I want is to have my carousel images rollover. I even tried jquery, which always works for me….added it correctly, etc. But anyway, within Avada: I did a code block, added the carousel, then 5 Image Before/After tags individually wrapped, then wrapped the carousel. (It would be great if I could paste my code in, but the forum keeps rejecting it.) It appears to work, however it shows only a little sliver of the image. No padding of the container helps them become visible. Is that a correct way of doing it, or is there an easier way to get image rollovers into a carousel? Please help, this is driving me crazy.

    marklchaves
    Participant
    Post count: 873

    Hi,

    You just want a carousel slider showing images with a hover overlay? Something like this?

    https://codepen.io/marklchaves/pen/zYvbLwv

    brandydoll
    Participant
    Post count: 43

    Hi Mark. This is great, thank you. 🙂 I do know how to code one myself, but is there no way to do it in Avada? I’m gonna try again to paste my Avada attempt in.

    brandydoll
    Participant
    Post count: 43

    Really annoying that I can’t get it pasted in here. Is the forum rejecting it because something is wrong in the syntax? I could put it in a Codepen but of course it’s not HTML, it’s Avada shortcodes, so it’ll look funky on there. Anyway, here it is. (Just look in the HTML field, obviously…not down at how it’s rendered lol.) I don’t see why this isn’t working…

    https://codepen.io/brandydoll/pen/rNOgMBO

    5 Image Before/Afters wrapped outside with the carousel…

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.