Tagged: #portfolio-grid #excerpt #hover
Hi Kriesi,
On one specific portfolio element, I need Excerpt to show on hover, and title below.
Is it possible to show Title below and Except on Hover centered on the dark overlay, ONLY on the occasions of the portfolio-grid where I chose to show “Title and Excerpt”? Elsewhere I need except to stay below.
Tried to change alter your suggested code like follows, but I’m not sure of the content name for excerpts…
.grid-entry a:hover:before {
content: attr(Excerpt);
position: absolute;
width: 100%;
z-index: 1000;
text-align: center;
opacity: 1;
font-size: 18px;
color: #ffffff !important;
top: 50%;
transform: translateY(-50%);
animation: avia-fadein 0.60s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275) !important;
}
Hey frb1,
Thank you for the inquiry.
Have you tried using the Masonry element instead? In the Content > Captions > Element Title and Excerpt display settings, you can set the title and excerpt to display on hover. Unfortunately, this option is not available on the Portfolio Grid element.
Best regards,
Ismael