Archived topic
Hover effect when hovering over pictures/images (e.g. featured images) +Carousel
5 replies · Started by Marius on March 19, 2017
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?
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.
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.
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.
Hi, I've tried adding this code to my Additional CSS coding, but it seems it doesn't work. How do I do that?
Hi Gavin,
To have a better understanding of why the code isn’t working for you, may you start a new topic for this as well and provide the link to the site in question?
You may use the private information field for this: https://docs.generatepress.com/article/using-the-premium-support-forum/#private-information
Hope to hear from you soon. :)
