🎯 Purpose
The Author Box widget is a dynamic component within single post templates that displays author information—whether automatically from the current post or defined manually—helping add credibility and context to your content.
âž• Core Content Settings
Source
Current Author: Automatically pulls the author’s Gravatar, name, bio, and posts archive link.
Custom Author: Manually input a photo, name, bio, and link—useful for guest authors or team pages. Elementor+7Elementor+7Elementor+7
Profile Picture
Option to show or hide the author image.
If visible, control the size (in pixels).
Choose how it aligns: left, right, or top. Elementor
Name
Option to display the author’s name (or hide it).
Select HTML tag for semantic structure (H1–H6, div, span, or p).
Optionally link the name to the author archive or a custom URL for custom profiles. Elementor
Biography
Toggle the author bio visibility (must enter text when using Custom Author). Elementor+8Elementor+8Elementor+8
Archive Button
Optionally include a button linking to the author’s archive page.
Customize the button text manually or with dynamic tags. Elementor+1Elementor+1
🎨 Layout & Alignment
Choose where to place the photo: left, right, or above the content.
Align content—image, name, bio, and archive button—to left, center, or right. Elementor
🎨 Style Settings
Image Styling
Adjust vertical alignment of the image if placed alongside text.
Control image size/resolution.
Add border (color, width) and border radius.
Apply box shadows for visual depth. Elementor+9Elementor+9Elementor+9Elementor+1Elementor+1
Text Styling
Name: Customize typography, color, and spacing.
Biography: Independently style bio typography, color, and spacing relative to the name. Elementor
Button Styling
Customize button text color, background color, typography, border size and radius, padding, and shadow.
Define hover state transition duration for animated feedback. Elementor
🛠️ Advanced & Responsive Controls
Adjust margins, padding, and responsive visibility across devices.
Add custom CSS classes, HTML anchors, or attributes for deeper customization.
Include motion effects or entrance animations to enhance user interaction.
âś… Best Practices
Use the Current Author source for dynamic single-post templates; use Custom Author for guest posts or static author showcases.
Keep author images proportional and well-aligned to prevent layout issues.
Use semantic tags for better accessibility and SEO.
Balance text and button spacing for visual clarity.
Apply subtle hover transitions for enhanced user experience.
Utilize responsive settings to ensure author sections display neatly on tablets and mobile.
The Author Box widget makes author attribution both dynamic and visually appealing through flexible sourcing, styling, and layout options.