The Page List Widget displays a list of pages or custom links on your website. It’s perfect for creating easy navigation or highlighting important pages.
Activate the widget
This widget is part of the aThemes Addons for Elementor plugin. To activate it, go to your admin area, visit the aThemes Addons dashboard, search for the widget, and click on the switch to activate it. It will now be available in your Elementor interface.
Widget options
List section
- Item Type: Select either “Page” or “Custom Link” to define the type of item in the list.
- Page: Choose a page from your site (available when “Page” is selected as the item type).
- Title: Enter a custom title for the item (available when “Custom Link” is selected as the item type).
- Subtitle: Enter a subtitle for the item to provide additional context or information.
- Link: Provide a URL for the custom link (available when “Custom Link” is selected as the item type).
- Icon: Choose an icon to display alongside the item. Customize the icon using the icon library.
- Show Badge: Toggle to display a badge on the item.
- Badge Text: Enter the text for the badge (available when “Show Badge” is enabled).
- Badge Background Color: Set the background color for the badge (available when “Show Badge” is enabled).
- Badge Text Color: Set the text color for the badge (available when “Show Badge” is enabled).
- Layout: Choose between “Default” and “Inline” layouts for the item list.
- Alignment: Align the list items to the left, center, or right.
Style tab
Customize the appearance of your page list under this tab. You have a variety of options to ensure the widget matches your website’s design and branding perfectly.
General Style
- Padding: Adjust the padding for the items to control the spacing inside each item.
- Background: Set a background color or gradient for the items.
- Border: Configure the border settings, including color, width, and radius for the items.
- Item Gap: Adjust the gap between items to control the spacing in the list.
- Box Shadow: Apply a shadow effect to the items for added depth.
Icon Style
- Color: Set the color of the icons in the list.
- Spacing: Adjust the spacing between the icon and the text.
Title Style
- Color: Set the color of the title text.
- Hover Color: Set the color of the title text when hovered over.
- Typography: Customize the typography settings for the title, including font size, family, and weight.
Subtitle Style
- Color: Set the color of the subtitle text.
- Typography: Customize the typography settings for the subtitle, including font size, family, and weight.
These style options ensure that your page list looks professional and integrates seamlessly with your site’s overall design.
Usage tips
- Use descriptive titles and subtitles to make your list items clear and informative.
- Utilize icons to visually distinguish different types of links or highlight important ones.
- Take advantage of the badge feature to draw attention to special items.
Conclusion
The Page List Widget is a versatile tool for displaying pages and custom links on your website. With extensive customization options, you can tailor the appearance and functionality to match your needs and provide an engaging user experience.