What is the Simple Listing element?
The Simple Listing element allows you to display lists of items such as open job positions, press articles, or downloadable resources.
It’s a flexible module that can be reused across various pages in your HubSpot theme.
Use it to:
-
Present job openings in a clean, structured format
-
Showcase articles or press releases
-
List downloadable assets or documents
How do I set up a Simple Listing item?
Each listing entry includes several configurable fields. These fields define how the item appears in your list.
List Item Fields
-
Title: The main heading of the listing (e.g., “Marketing Manager”)
-
Description: A short text explaining the listing, such as job responsibilities or article summaries
-
Link: (Optional) Add a URL to direct users to a detailed page or external resource
-
Link Icon: Select an icon to display next to the link for better visibility
-
Additional Info: Add extra content such as location, publication date, or category, combining text with an icon
How can I customize the Simple Listing layout?
The Layout settings control the overall structure and alignment of your listings.
Layout Options
-
Layout: Choose between two types:
-
Box layout: Displays items inside bordered boxes
-
Text layout: Displays items as a text-only list
-
-
Centered: Toggle between left-aligned and center-aligned content
-
Always show link?: When enabled, shows the link by default even in text layout
Tip: The box layout works well for job listings, while text layout is ideal for compact lists like press releases.
How can I adjust the Simple Listing style?
You can customize the color and appearance of the listing for better visual alignment with your site design.
Style Settings
-
Color Scheme / Box Color Scheme: Switch between light and dark modes to match your page background
-
Box Color: If the box layout is selected, set a custom background color for each listing box
Note: Ensure sufficient color contrast for readability and accessibility compliance.
