Hover effect when hovering over pictures/images (e.g. featured images) +Carousel

[Marius]

Is there a way to add a hover effect over images?
As an example, take this site: When you hover over the blog post thumbnails, they get a white hover effect.
https://compendiumofstyle.wordpress.com/

How could I implement something similar?

Also, is it possible to have the blogpost thumbnails as a carousel? So there are like 2 images that can be switched by the visitor when clicking an arrowbutton?

[Leo]

Hi Marius,

Try this CSS for image hover:

.post-image:hover img {
    opacity: 0.7;
}

As for featured image thumbnail slider, you might need to find a plugin for that. Not sure if there is one though.
Can you find an example of other sites doing this?

Let me know.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Marius]

Nice, that code worked. Thank you 🙂

I used to know a site that had the slider thumbnails, but this site was taken down. Will try to find another one.

[Leo]

Could maybe try inserting slider shortcode at the top of your content section and use the More tag?
https://docs.generatepress.com/article/using-the-more-tag/

Not sure if it would work but probably worth a shot.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts