Essential grid layers only on hover grid

[vojtechzikmund]

Hello there,

I’m trying to achieve that my essential grid would be plain image with all the idle layers shown only on hovering the whole image. I cannot seem to get it working. Any solutions?

[rad]

Hi @vojtechzikmund,

Thanks for reaching out.

You can do that by using EG’s skin editor, please check this https://www.themepunch.com/essgrid-doc/item-skin-editor/

It’s in the option under Show/Hide settings in that article. Though, if you wish to implement an immediate fix without editing its skin, then simply add this CSS this to your global custom CSS.

.esg-entry-cover .esg-cc.eec {
     display: none;   
    }
    .esg-entry-cover:hover .esg-cc.eec {
     display: block;   
    }

You may enhance this CSS snippet but we can’t provide support or cover it. This should serve as a guide only.

Thanks!