Support » Plugin: OoohBoi Steroids for Elementor » Teleporter hover image above column/widget border

  • Resolved ponitechnics

    (@ponitechnics)


    Hello,
    First thx for this great plugin.
    I try to use the column teleporter in a section named Products with 7 columns they have bottom borders.I want the hover images to be above the border lines.

    Thank you for your help
    Ponitechnics

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author Oooh Boi

    (@ooohboi)

    I’ve made a video on the topic of Teleporter (https://youtu.be/qS8lCzNhTbE) a while ago. Does that help? I’m not really sure what exactly you’re up to.

    Thread Starter ponitechnics

    (@ponitechnics)

    Yes i see the tutorial but this is a little different a little tricky
    1 section with 7 columns
    i activated the teleporter for each column and chose the section from the hover – Which parent?
    also all columns have bottom borders
    I try to make the image from the hover to be above the border lines now the images are under the borders.
    I have tried with z-index but is not working.
    Thank you for your help

    Plugin Author Oooh Boi

    (@ooohboi)

    OK, but now the most important question: how did you mean to manage these 7 columns in a responsive fashion? I suppose it must be already damn tight on 1140px (like 160px per column, without the padding/margin).
    Anyhow…
    the parent can be the topmost Section (the teleported image will be full-screen-wide), or it can be the Column’s parent wrapping element (the teleported image will be “boxed” size wide).
    When it comes to borders…
    you don’t need to use the border at all. There’s an extension named “Pseudo” which is supposed to extend the Column in a way that allows you to add the ::before and ::after pseudo elements. These elements can have their own z-index property.
    I hope it makes sense!

    Thread Starter ponitechnics

    (@ponitechnics)

    That was the solution to use the pseudo.Problem solved.Now is working
    Thank you very much.
    Have a great day

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Teleporter hover image above column/widget border’ is closed to new replies.