How to add an author box

There are two ways to add an author box to your 17th Avenue theme:

We'll go over both methods below.

Enable Genesis Author Box

  1. Click here and copy the code.
  2. Go to Appearance > Theme Editor > Functions.php.
  3. Scroll to the very bottom of the file and paste the code.
  4. Click Update File to save.
If you aren't able to save the Functions.php file (some hosts disable editing PHP files), you can access the Functions.php file via your File Manager instead.

Customizing the Genesis Author Box

Changing your display name

  1. In your WordPress dashboard, go to Users and click "Edit" to the user you'd like to change.
  2. In the Nickname field, add the name you want to display after About.
  3. Then, in the Display Name Publicly As drop-down, select the name you added.

Changing the text and photo in the author box

  1. Go to Users and click "Edit" to the user you'd like to change.
  2. Find the About Yourself section. Bio text can be added in the "Biographical Info" section.
  3. To add an image, click on the Gravatar link and create a Gravatar account. All profile images in WordPress are configured via Gravatar.

Customizing the appearance of the author box

Default author box: (please note appearance will vary depending on which theme you are using)

Customized author box:

Add a border:

.author-box {
    border: 2px solid #eeeae8;
    padding: 28px;
}

Customize the title font, size, etc:

.author-box-title {
    font-family: Roboto Condensed;
    font-size: 26px;
    font-weight: normal;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
}

The font, size, text transform, etc can be modified as desired.

How to add CSS code snippets to your website  >

Multiple authors with Genesis Author Box

To use the Genesis author box with multiple authors or guest posters, here's what you'll do:

  1. For each author or guest author, create a new user.
  2. Follow the instructions above to add the author's name, bio, and photo.

Using an Author Box plugin

An author box plugin like this one can give you additional options for the author box, like social media icons. Follow the plugin documentation for setting up the author box on your website.