In this step I’ll show you how to create your own Thesis 2 Author box. Why buy when you can build? Thesis provides an author avatar box that uses Gravatar images along with an author description box that displays the author’s WordPress description (as shown above). If you haven’t already filled in your Biographical info in your User Profile, then do so before continuing with this step.
Navigate to the Thesis 2 Single HTML Template page.
We need to create a “Container” box that we will use to hold our author information.
Give your container box a name.
Now click the blue “Add Box” button.
Shift-click and drag your new author box to the Home Post Box.
Scroll down and click the “Show Tray” in the gray bar.
The tray will expand to expose some additional green bars. Look for the “Author Avatar” and “Author Description” green bars. Click once on each bar.
These two boxes will now appear above the gray bar and are now part of the template.
However, these author boxes are not where we want them. Shift-click and drag-and-drop onto your new custom author box.
Click the gear icon on your Custom Author Box. Give your HTML class a name.
Click the green “Save Template” button.
Navigate to the Thesis 2 CSS page.
On the right side of the screen click the Packages drop-down and select “Single Element Styles”. Click the blue “Add Package” button.
Give your custom author CSS package a name, reference, and CSS selector. The reference will be the same as the HTML box we created above.
Next click on the “Options” tab.
Scroll down to the Background settings and change the Background Color as desired.
Scroll further down and set the Border options.
Next we’ll adjust the Padding.
Now click on “Additional CSS”. We’ll add some CSS to move the Gravatar image to the right side of the box and adjust the padding. Click the green “Save” button when you’re finished.
We now need to add the custom author CSS to our site. Take note of the “&custom_author” name.
On the left side of the CSS screen, click in the box and enter a new line. Add the “&custom_author” CSS package you just created.
Then click the green “Save CSS” button.
Our custom author box now looks like this.