Remove Hover from Recent Posts

[G. from V.]

Hello,

We’d like to remove the Hover Animation from the Recent Posts we have on our Homepage. Leave the image as is (though linkable, of course).

Thanks in advance.

Cheers,
Gero

[Rui Guerreiro – SUPPORT]

Hi,

Add the code below to your custom css option.

figure.animated-overlay:hover figcaption {
    opacity: 0!important;
    -moz-opacity: 0!important;
    filter: alpha(opacity=0)!important;
}

.standard-browser figure.animated-overlay:hover img {
    -webkit-transform: none!important;
    -moz-transform: none!important;
    -o-transform: none!important;
    -ms-transform: none!important;
    transform: none!important;
}

Hope it helps.

-Rui

[G. from V.]

Hi Rui, thanks a lot.

Now, we would like to remove from Recent Posts (highlighted in Red):

1) The tag from the thumbnail. Example in screen.jpg: remove “ARTICLE”.

2) Remove the author. Just leave the thumbnail and then the excerpt.

Thanks in advance.

Cheers

PS: I can’t find where to edit my first post.

Attachments:

You must be logged in to view attached files.

[Rui Guerreiro – SUPPORT]

Sure. Add the code below to your custom css option.

.recent-post .blog-item-details, figure.animated-overlay .post-cats  {
 display: none;
}

-Rui