Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1000437

    Hello,
    thanks for making a great theme like “enfold”. I’m realy lucky with this theme.
    For my current webpage i woud like to show a bunch of pictures in a masonry-type grid-gallery. Unfortunatly i can not choose a masonry-gallery, ’cause i wanna combine a gallery-appearence with categories-options.

    Luckily i found the portfolio-grid. Here i can kind of adapt the look of a masonry-gallery by adding post-pictures to each portolio-entry.
    Is it possible to make the hovered Titles and Excerpts from the Portfolio-Grid look like the hovered Titles of a masonry-gallery?
    You can see examples on my page. http://constanzehosp.com/#schmuck

    On top you see the Portfolio-Grid (called: Schmuck), that i’ve already changed into the right direction with some CSS codes.
    If you scroll down a few lines, you will see a Masonry-Gallery (called: Ringe). I want the hover effect on the Portfolio-Grid to be the same as you see on the Masonry-Gallery. (A little zoom of the picture, A darkened Background, White Text in Front comes up).
    Best would be, if that function would be still working on mobil advices too.

    The CSS i have added so far looks like this:

    .grid-content {
        margin-top: 0px;
    }
    .grid-entry:hover .grid-content {
        opacity: 1;
    }
    .grid-content {
        opacity: 0;
    }
    
    .grid-content, .grid-content * {
        background: transparent;
       color:black!important
    }
    
    h3.grid-entry-title {
        font-size: 20px;
    }
    .grid-content {position: absolute; top: 00px; background-color:rga(255,255,255,0.5);}
    
    .avia-arrow {display:none}
    • This topic was modified 6 years, 3 months ago by constanzehosp.
    #1000760

    Hey constanzehosp,

    You can use masonry and show portfolio items in there.

    Best regards,
    Victoria

    #1001271

    Hi Victoria,

    wow, thats pretty easy. Thank you a lot!
    That is exactly what i was looking for.

    Is it also possible to open the portfolio entries in a lightbox instead of a new page?

    best regards,
    constanze

    #1001598

    Hi constanze,

    Hmmm…. let me see the page where you got that masonry?

    Best regards,
    Victoria

    #1002395

    hi victoria,

    I found a way:
    “additional portfolio settings” and then choose “define custom link” and copy the link of a picture manually in the input-line.

    thanks, anyway!
    best regards.

    #1002412

    Hi,

    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Portfolio Grid show centered Title and excerpts+transparent background on hover’ is closed to new replies.