Relume Community Icon
Relume Community
  • 馃彔Home
  • 馃搮Events

  • 馃數Announcements
  • 馃數General
  • 馃數Getting Started
  • 馃數Issues
  • 馃數Showcase

Powered by Tightknit
Issues
Issues

Troubleshooting Image Display Issues on Hover for CTA 37

Avatar of Sam G.Sam G.
路

Hi everyone, CTA 37 I'm having some trouble with having the images show up when hovering over my links. I've uploaded all of the individual images to each link image inside of the wrappers and I've also done the instructions of adding a page trigger of 'mouse move in viewport' and selected the CTA 37 Image Movement animation for each. Is anyone able to tell from my screenshots what I'm doing wrong that the images aren't showing? Thanks! https://preview.webflow.com/preview/prisma-a622f3?utm_medium=preview_link&utm_source=d[鈥3&preview=aa690691c8c3ef286a1127d1623262b6&workflow=preview

7 comments

  • Avatar of Emily M.
    Emily M.
    路

    If you share a read-only link it鈥檚 much easier to tell what鈥檚 happening!

    馃檶1
  • Avatar of Sam G.
    Sam G.
    路

    Emily M. https://preview.webflow.com/preview/prisma-a622f3?utm_medium=preview_link&utm_source=d[鈥3&preview=aa690691c8c3ef286a1127d1623262b6&workflow=preview

  • Avatar of Matt J.
    Matt J.
    路

    Sam G. what page is this component on? It looks like it was deleted from what I can tell.

  • Avatar of Sam G.
    Sam G.
    路

    Hey Matt J. I've added it back in there and uploaded my photos. Let me know if you're able to take a look, thank you! https://preview.webflow.com/preview/prisma-a622f3?utm_medium=preview_link&utm_source=d[鈥3&preview=aa690691c8c3ef286a1127d1623262b6&workflow=preview

  • Avatar of Matt J.
    Matt J.
    路

    Sam G. Because you have a background color on the section, we have to adjust the z-index of some elements here. You also had display flex set on the image wrapper. So reseting that setting and changing z-index 0 and then changing z-index of the heading to 1, will give you the result you are looking for. One word of caution - I noticed that there were several global classes (page-wrapper main-wrapper and body) that had overflow auto set - if you have overflow hidden it will break sticky/fixed position elements/components. If you are trying to reset to default, I would just alt + click on the blue label to reset it. Each blue label within Webflow is adding a line (or two) of CSS to your website so if you want to reset to default values, just be sure to actually reset the value rather than selecting it, if that makes sense.

  • Avatar of Sam G.
    Sam G.
    路

    I really appreciate the help on this Matt J. thank you!

  • Avatar of Matt J.
    Matt J.
    路

    no problem at all