🚀 Display posts in an expandable accordion layout
The Post Accordion Widget in Ansar Elements allows you to showcase posts in an interactive accordion format. It is useful for displaying featured content, trending posts, or category-based articles while saving space and improving content organization.
⚡ Quick Start
- Open any page using Elementor Editor
- Drag & drop the Post Accordion Widget
- Select posts using Post Query
- Customize accordion settings
- Style the widget according to your design
🎛️ Content Controls
🧩 Container
Control the overall layout structure:
- Layout width and spacing
- Content positioning
- Container settings
📦 Card Layout
Customize the accordion card appearance:
- Card style selection
- Layout arrangement
- Item spacing
📄 Card Content
Control content displayed inside each accordion item:
- Show/Hide content elements
- Excerpt settings
- Content arrangement
🔍 Post Query
Choose which posts to display:
- Categories / Tags
- Order By / Order
- Posts Per Page
- Offset
- Exclude Posts
- Not Found Text
🔘 Button
Customize call-to-action settings:
- Button Text
- Icon
- Position & spacing
🎨 Style Controls
🧱 Container
Customize the outer layout:
- Background
- Padding
- Margin
- Alignment
📦 Card Layout
Style accordion cards:
- Background
- Border & Radius
- Box Shadow
- Padding
📄 Card Content
Customize content styling:
- Typography
- Colors
- Spacing
🏷 Category Badge
Customize category labels:
- Typography
- Colors
- Background
- Border Radius
🖼 Featured Image
Image styling options:
- Height control
- Border Radius
- Overlay effects
📝 Post Title
Customize title appearance:
- Typography
- Colors
- Hover colors
- Spacing
📊 Post Meta
Customize post metadata:
- Typography
- Icon colors
- Spacing
⚙ Meta Elements
Control styling for:
- Author
- Date
- Comments
- Categories
💡 Pro Tip
Use the Post Accordion Widget when displaying multiple posts in limited space. It helps visitors quickly browse content without making the page look crowded.