Black Friday is here! Check out all the deals in our affiliate-free roundup!

Dynamic Author Bio Popup

A nifty little solution to create a dynamic author bio popup using GenerateBlocks!

Kyle Van Deusen

Published:

Filed Under:

Design

Kyle Van Deusen

Kyle Van Deusen

The Admin Bar

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 new resident of the Commonwealth of Virginia.

Author Bio Popup
This content contains affiliate links. View our affiliate disclaimer.

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;
}
Share This Article!
Kyle Van Deusen

Kyle Van Deusen

The Admin Bar

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 new resident of the Commonwealth of Virginia.

Come Join Us!

Join the #1 WordPress Community and dive into conversations covering every aspect of running an agency!

Kyle Van Deusen

Community Manager

The Friday Chaser

Wash down the week with the best of The Admin Bar! News, tips, and the best conversations delivered straight to your inbox every Friday!

Latest Events

August 4th, 2023

What’s New in Perfmatters?

Learn about all the new features, updates, and possibilities with an update from the plugin's co-founder, Brian Jackson!

July 28, 2023

Test, Build, & Deploy Websites with Ease

Join us to explore InstaWP, a game-changer for your WordPress workflow. Uncover how you can save time, reduce stress, and streamline web development during our live demo on July 28th.

July 6, 2023

Navigating HIPAA Compliance

Unlock the secrets of HIPAA compliance on July 6th! Don't miss our expert Paul Stoute as he guides web designers through the maze of regulations, saving you from potential pitfalls

More Articles

Why Email Marketing Should Be On Your Radar

Why email marketing should be on your radar in 2024

Email marketing is the best way to connect and build trust with your audience. It’s easier to start than you think. Let’s talk about it.

Messy Office Workplace, Workplace And Workspace Concept

Make a New Plan, Stan: The Ultimate Guide to Organizing Your Day as a Digital Agency Owner

Sick of wasting time and getting bogged down in daily tasks? Learn how to boost productivity by organizing your day as a digital agency owner in this blog.

No Stock

Why My Company Policy Dictates “No Free Stock Photography Site Images”

Still using free stock images when developing websites for clients? That might not be the best idea! Find out why I have a “no free stock photography” policy.