Swap Image on Hover issue

Design help General
1

Hey All,

I just noticed a rather annoying issue. I followed the ‘swap image on hover’ video and everything went perfect. It works like a charm. The problem is that once I have the text there, I can’t style it because the moment my mouse leaves the area, the text hides and no styling gets applied!

1351×653 1.21 MB

Here mouse is in the lower-left square.

1326×598 1.4 MB

Here mouse is hovering over the List Style section.

I suppose you could turn off the interactions but every time just to do an edit would be a pita.

https://preview.webflow.com/preview/einclick?preview=66d86a2f153450d4e0429baf04714cf4

2

Hello @DragonDon

Here is the way to make editing easier:

  1. Pick div with class “description”
  2. Make its opacity = 100%
  3. edit text
  4. make “description” opacity to 0%

1499×909 1.56 MB

Good luck,
Anna

3

Thanks @sabanna for the tip! I figured there had to be a simple way to do it.

4

This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.