[Resolved] Blog grid, show content on hover

Home Forums Support [Resolved] Blog grid, show content on hover

Home Forums Support Blog grid, show content on hover

  • This topic has 5 replies, 2 voices, and was last updated 5 years ago by David.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #836223
    Marinex

    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

    #836373
    David
    Staff
    Customer Support

    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

    #836478
    Marinex

    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 ๐Ÿ™‚

    #836724
    David
    Staff
    Customer Support

    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;
        }
        
    }
    #836974
    Marinex

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

    #837040
    David
    Staff
    Customer Support

    Awesome ๐Ÿ™‚ Glad to be of help

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