How to Add an Author Box in the Single Post Template in Divi

When creating a custom single post template using the theme builder feature of Divi, you can add any element to your liking. From standard elements like post meta, comment box, to author box. Speaking of author box, Divi provides no specific module dedicated to adding it. To achieve it, you can use either the Blurb module or the Person module.

These two modules combine the image content and text content and they support dynamic content. To add an author box, you can set the image content to display the author profile picture and the text content to display the author’s name. Here is how.

Adding an Author Box in the Single Post Template in Divi

If you are new to Divi Builder and haven’t created a custom single post template before, you can read our previous article to learn how. In this article, we will go straight to adding the Blurb module.

Start by adding a new section and select a column structure according to your design concept. Add the Blurb module.

The settings panel will appear right after you select the Blurb module. You can make the settings to the module via this panel. The Blurb module itself allows you to display three elements related to the author: profile picture, name, and bio.

Setting the Profile Picture

To set the author profile picture, you can open the Image & Icon block under the Content tab on the settings panel. Hover your mouse over the image selector then click the trash icon and then click the database icon and select Author Profile Picture.

Setting the Profile Name and Bio

To set the author’s name and bio, you can open the Text block under the Content tab. To set the author’s name, you can click the database icon on the Title field and select Post Author while to set the author box, you can click the database icon on the Body field and select Author Bio.

If you want to set the link of the author (link to author’s page), you can open the Link block. You can set the link of the author on the Title Link URL option. Click the database icon and select Author Page Link.

Customizing the Author Box

Once you are done making the basic settings on the Content tab, you can switch to the Design tab to customize the author box. There are 11 blocks you can open here. The following are some of the basic customization settings you can apply.

• Author Profile Picture Placement

To set the placement of the author profile picture, you can open the Image/Icon block. Select the placement you wish from the Image/Icon Placement option.

From this block, you can also set the border radius, border style, border color, image shadow, and CSS filters.

• Typography and Text Color of the Text Content

Of course, you can also set the typography (font family, font style, font size, and so on) as well as the text color of the text content (author name and bio). To set the typography of the author’s name, you can open the Title Text block while to set the typography of the author’s bio you can open the Body Text block.

• Set the Size of the Author Profile Picture

You can open the Sizing block to set the size of the author profile picture. To set the width, you can enter a value on the Image Width option. By default, the value is set to 100%. You can set it with an exact number with a pixel unit. For instance, if you want to set the width to 300 pixels, you can simply type 300px.

You can play around with other blocks to explore other customization options you can apply. Just don’t forget to click the checklist icon on the settings panel to apply the changes you made.

Once you are done editing the template, you can click the Save button on the bottom-right corner of the Divi Builder editor to save the changes and click X icon on the top-right corner to exit the Divi Builder editor.

The Bottom Line

Divi has no specific module to add an author box like, for instance, Elementor. But it doesn’t mean you can add one. You can use the Blurb module to add an author box in an Divi by utilizing its dynamic content support.

In addition to the Blurb module, you can also use Person module. The latter mentioned module is more suited if you want to add social media icons beneath the author’s image.