I use your GridOverlay example from
https://www.gavick.com/forums/m-social/ ... icon-46390
and this in my GridModulValue:
<a style="display:block" href="index.php/montessori">
<div class="grid-overlay">Maria Montessori</div></a>
The overlay and the link works, but the Text: "Maria Montessori” is not to see?!
In all Grids the Text disappears, but seen in WebInspector??
What can I do?
I add this in override.css
.gkGridElement .grid-overlay {
position: absolute;
background-color: #ddd;
width: 100%;
box-sizing: border-box;
font-size: 14px;
font-size: bold;
color: #fff;
width: 100%;
padding: 20px;
height: 15%
transition: all 0.4s ease-out 0s;
-webkit-transition: all 0.4s ease-out 0s;
-moz-transition: all 0.4s ease-out 0s;
-ms-transition: all 0.4s ease-out 0s;
-o-transition: all 0.4s ease-out 0s;
text-align: left;
bottom: 0;
}
.gkGridElement:hover .grid-overlay {
height: 100%;
font-size: 22px;
text-align: center;
padding-top: 45%;
}