Changing hover on Blog Post widget

  • Resolved goonhoon

    (@goonhoon)


    6 years ago

    Hi!

    I truly love this plugin and the functions it has. I noticed, however, that on the Blog Post widget I cannot change the image hover.

    I noticed on this forum that the code to disable it is:

    	
.ekit-wid-con .elementskit-post-image-card:hover .elementskit-entry-thumb>img {
    transform: none;
}

    This, however, leaves a little opacity hover on the image – how to remove that?

    And my main question is how would I add the grow hover instead. I attempted to give the image a custom css class and then edit it but so far no luck.

    Thanks!!

    • This topic was modified 6 years ago by goonhoon.
    • This topic was modified 6 years ago by goonhoon.

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter goonhoon

    (@goonhoon)

    6 years ago

    I managed to change it like this:

    .ekit-wid-con .elementskit-post-image-card:hover .elementskit-entry-thumb>img {
    transform: scale(1.1); }

}

    But I still wonder how to apply the hover for a whole column

    Edit: I managed to find a way to do this: 

    .col-lg-3:hover {
    transform: scale(1.05);
		opacity: 1;
}

    Thank you and sorry for the multiple edits.

    • This reply was modified 6 years ago by goonhoon.
    • This reply was modified 6 years ago by goonhoon.
    Md Easin

    (@easin55474)

    6 years ago

    Hi,

    Glad to know that you have solved it. If you found any further issues, you can let us know any time. We are here to assist you.

    Thanks

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Changing hover on Blog Post widget’ is closed to new replies.

  • 2 replies
  • 2 participants
  • Last reply from: Md Easin
  • Last activity: 6 years ago
  • Status: resolved