Site logo

Archived topic

Blog grid, show content on hover

5 replies · Started by Marinex on March 11, 2019

Viewing posts 1–6 of 6

Hi, have anyone done this? I would like to use a 4 columns post layout and show my excerpt or full content on hover on those divs. I'm curious on how that would work!

Cheers

Hi there,

not sure actually as the article would need to expand the row in order to display more content. Would advise against full content, that could get real messy especially in 4 columns. If you want to set the blog up with Excerpt and in 4 columns and then provide us a link we can take a look.

You can edit your original topic and use the Site URL field to share you site privately

Hi David. Thanks for replying, I did update my post now. The original plan was to keep the content the same length, but yeah.. Maybe you have a better idea for it :)

Something like this:

@media (min-width: 1024px) {
    
    .inside-article {
        min-height: auto; /* This is to remove the min height you have set */
    }
    
    .generate-columns.post:not(:hover) .info {
        height: 0;
        opacity: 0;
        transition: all 0.3s;
    }
    
    .generate-columns.post .info {
        transition: all 0.3s;
    }
    
}

Wow, thank you very much. I can definitely use something like this!

Awesome :) Glad to be of help

This archived topic is closed to new replies.