Portfolio Grid show centered Title and excerpts+transparent background on hover

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, 2 months ago by constanzehosp.