The Post Accordion widget displays blog posts in an interactive accordion layout. Users can expand posts on hover or click to reveal more details, making it a great choice for compact designs where space is limited.
How to Use
- Drag and drop the Post Accordion widget into your section.
- Configure the Post Query to filter posts by categories or tags.
- Adjust the Layout settings like gap, height, and hover expand.
- Enable or disable post elements such as image, title, excerpt, category, and meta.
- Style the accordion with typography, colors, and spacing controls.
Content Settings
- Post Layout → Layout style, Gap, Height, Hover expand.
- Post Query → Filter by categories/tags, Number of posts, Excerpt length, Order by, Order, Category style, Title length (in lines).
- Post Setting → Toggle show/hide (Image, Category, Title, Excerpt), Image resolution, Category icon.
- Post Meta → Toggle show/hide (Author, Avatar, Date, Comments, Read time), Select icon, Date format.
Styling Controls
- Blog Style → Background color, border, radius, padding, margin, shadow.
- Category Style → Typography, color, hover color, background, padding, border, radius.
- Image Style → Width, height, border, radius, hover effect, margin.
- Title Style → Typography, color, hover color, margin.
- Meta Style → Typography, color, icon color, spacing.
Pro Tip
- Limit the number of visible lines in titles and excerpts to maintain a clean, scannable layout.