Hi all.
I was wondering if there is a way we can get the portfolio grid (https://2024-liptonrogers-com.stackstaging.com/projects/) to look exactly the same as the masonry grid on page.
The portfolio grid is top and the masonry grid underneath.
Thanks in advance.
Hey whdsolutions,
Thank you for the inquiry.
You can use this css code to adjust the style of the portfolio grid items:
#top .grid-content {
position: absolute;
top: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5) !important;
display: flex;
flex-direction: column;
justify-content: center;
}
#top .main_color .grid-entry-title.entry-title {
background: transparent;
font-size: 1.8em;
}
Best regards,
Ismael