Want to display a curated list of pages on your site? The Page List widget in aThemes Addons lets you create organized page listings with custom icons, badges, and subtitles directly in Elementor.
In this guide, we’ll walk you through how to use the Page List widget in aThemes Addons for Elementor.
Before you get started, make sure you’ve installed and activated the aThemes Addons plugin on your WordPress site along with Elementor.
Activating the Widget
Go to your WordPress admin dashboard and navigate to the aThemes Addons dashboard. Search for Page List and toggle the widget on to activate it.
Exploring Widget Options
Configuring the List Section
The List section lets you add and configure individual list items. Each item includes the following options:
- Item Type – Choose between Page or Custom Link.
- Page – Select an existing page from your site (available when Item Type is set to Page).
- Title – Add a custom title for the list item.
- Subtitle – Add a subtitle below the title.
- Link – Set a custom URL (available when Item Type is set to Custom Link).
- Icon – Choose an icon to display next to the item.
- Show Badge – Toggle to display a badge on the item.
- Badge Text – Enter the text for the badge.
- Badge Background Color – Set the badge background color.
- Badge Text Color – Set the badge text color.
The section also includes these general layout options:
- Layout – Choose between Default or Inline layout.
- Alignment – Set the overall list alignment.
Customizing the Style Tab
The Style tab lets you customize the visual appearance of the page list.
Customizing General Style
- Padding – Adjust the inner spacing of each list item.
- Background – Set a background color for the list items.
- Border – Configure border color, width, and radius.
- Item Gap – Control the spacing between list items.
- Box Shadow – Add a shadow effect to list items.
Styling the Icons
- Color – Set the icon color.
- Spacing – Adjust the space between the icon and the text.
Styling the Titles
- Color – Set the title text color.
- Hover Color – Set the title color on hover.
- Typography – Customize font family, size, weight, and other typography settings.
Styling the Subtitles
- Color – Set the subtitle text color.
- Typography – Customize font family, size, weight, and other typography settings.
Following Usage Tips
- Use badges to highlight important or featured pages.
- Keep the list concise to avoid overwhelming visitors.
- Test the layout on mobile devices to ensure readability.
- Use consistent icons across list items for a polished look.
That’s it! You’ve successfully learned how to use the Page List widget in aThemes Addons to display organized page listings with Elementor.
Next, would you like to embed PDF files on your pages? Check out our guide on using the PDF Viewer widget to learn more.
