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;
}
Kyle Van Deusen
After spending 15 years as a graphic designer and earning a business degree, I launched my agency, OGAL Web Design, in 2017. A year later, after finding the amazing community around WordPress, I co-found The Admin Bar, which has grown to become the #1 community for WordPress professionals. I'm a husband and proud father of three, and a resident of the Commonwealth of Virginia.
