Hi Tuanphan,
I solved it with this code, although the text appears in the center of the portfolio grid item.
@media screen and (max-width: 1000px) {
.portfolio-grid-overlay .grid-item .portfolio-text {
opacity:1 !important
}
.portfolio-overlay {
height: 30% !important;
margin: auto !important;
bottom: 0 !important;
opacity: .65 !important;
}
.portfolio-text {
margin: auto !important;
}
}
This is not a hover effect, but is an acceptable solution to confining the transparent white overlay to 1/3 of the portfolio grid height.
Thanks for your help.
