In this video, I'm going to show you how to create a nifty little “popup” that displays author information when you hover over the author's name in a blog post. Most of it will be done using just GenerateBlocks, but we'll need just a pinch of CSS to get it. functioning.
Here's the CSS you need:
@media (min-width: 1025px) {
.author-popup{
width: 410px;
position: absolute;
display: none;
}
.author-link:hover ~ .author-popup{
display: block;
}
.author-popup:hover{
display: block;
}
}
.author-popup {
display: none;
}