Just wanted to share a simple code snippet with you. 🙂
Please check the bottom of this post. The author box with my image, name and some other information. Do you want to add something like that to your blog too? It was super easy. Let’s find out how to add an Author box in divi.

First prepare an image of you and upload it to the WordPress site through the dashboard. Then copy the below HTML code and paste in to a code editor. Edit it to match with your information. Don’t forget to change the image link to yours.

 

Written By:

Sampath M.

WordPress Developer + Divi Lover

 

 

 

Once you have done with editing copy the HTML code and past it to add Author box in divi, Divi > Theme Options > Integration > ‘Add code to the bottom of your posts, before the comments’ area.

html

Next, add the below CSS code to Divi Theme Option’s Custom CSS area or WP Customizer Additional CSS area or to your child theme’s style.css file. (use any method you use to add custom css)

That’s all about adding author box in divi. You can do changes to the CSS code to match with your website’s design.
Feel free to comment below if you need any help or advice. Regards. 🙂

How to add slide in overlays in Divi without plugins

Pin It on Pinterest