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

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

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #294433
    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?

    #294439
    Leo
    Staff
    Customer Support

    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.

    #294453
    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.

    #294456
    Leo
    Staff
    Customer Support

    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.

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.