Navigation
Archive / Essential grid hide client logo on hover
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • September 23, 2016 at 1:08 pm #1188191
    Lobsterass
    Participant

    Hi!

    I’m trying to hide the client logo image + overlay on hover in Essentail Grid. This css still shows it half way down. Could you please tell me how to remove logo completely on hover here?

    .esg-grid a:hover {
    display: none !important;
    }

    <3

    September 23, 2016 at 2:05 pm #1188242
    Prasant Rai
    Moderator

    Hello There,

    Thanks for writing in!

    You can add this under Custom > CSS in the Customizer:

    .esg-grid img {
    display: none !important;
}

    Thanks.

    September 24, 2016 at 10:48 am #1189139
    Lobsterass
    Participant

    I would like the logo-img to be hidden only on hover. I also don’t want the other logos to disappear when another logo is hovered. Please try it live http://dev.monroedesign.se/ yourself. You’ll see how it’s bugging.

    This makes it bug:

    .esg-grid:hover img {
    display: none !important;
    }

    September 24, 2016 at 11:41 am #1189169
    Thai
    Moderator

    Hi There,

    Please add the following CSS instead:

    .esg-entry-cover:hover {
    opacity: 0;
}

    Hope it helps 🙂

    September 24, 2016 at 1:42 pm #1189251
    Lobsterass
    Participant

    Hi Thai!

    Beautiful! Thank you so much!

    <3

    September 24, 2016 at 8:38 pm #1189460
    Rue Nel
    Moderator

    You’re welcome!
    We’re glad we were able to help you out.

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-1188191 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>