Dynamic Author Bio Popup

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;
}