Hiding elements until you hover

Hi

I am trying to use some custom CSS to hide icon box descriptions until you hover over them. I tried this but it does not work:

    .elementor-icon-box-description {
    	visibility:hidden !important;
    }

    .elementor-icon-box-description:hover  {
    	visibility:visible !important;
    }

It hides the description ok but it does not re-appear on hover.

Any thoughts?

Site is http://redfez.servehttp.com/eyib/

Robin

Hi Robin,

Try this CSS code:

    .elementor-column .elementor-icon-box-description {
      opacity: 0;
    }

    .elementor-column:hover .elementor-icon-box-description {
      opacity: 1;
    }

Regards,
Kharis
aThemes Support

That works - thank you!

You’re welcome!

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis
aThemes Support