How to set up and style the Job Listing widget in Elementor.
Job Listing shows your open positions as a list or cards, with team, location, job type, salary and an apply button. Visitors can filter by team with buttons and by location or job type with drop-downs, and see how many jobs match.
Part of: Bright Addons (free).
| Option | What it does |
|---|---|
| Jobs | One item per open position. |
| Job Title | The name of the role. |
| Department | The team, used by the team buttons. |
| Location | Used by the location drop-down. |
| Job Type | For example Full time, used by the job type drop-down. |
| Salary (optional) | Pay range, shown with the details. |
| Short Description | One or two lines about the role. |
| Apply Link | Where the apply button goes. |
| Mark as New | Shows the New badge. |
| Option | What it does |
|---|---|
| Layout | List or cards. |
| Columns | One to four columns for cards. |
| Job Title HTML Tag | The HTML tag of each job title. |
| Department Buttons | Buttons to filter by team. |
| All Button Text | Text of the button that shows every team. |
| Location Drop-down | A drop-down to filter by location. |
| Job Type Drop-down | A drop-down to filter by job type. |
| Number of Open Jobs | Shows how many jobs match. |
| Apply Button Text | Text of the apply buttons. |
| New Badge Text | Text of the New badge. |
| No Jobs Message | Shown when no job matches the filters. |
Pro adds 80 widgets, 10 extensions, a Theme Builder and 32 dynamic tags, and keeps every free widget. From $18 a year, with a 14-day money-back guarantee.
These sections are in the Style tab.
accent color, typography, button text and background, selected button text and background, space below.
space between jobs, background, padding, border, radius, shadow, hover shadow, title, details and description colors and typography.
typography, normal and hover colors, border, radius and padding.
No. You type the jobs in the widget.
Yes. Switch on Location Drop-down.
Yes. Set Layout to Cards and choose the Columns.
Check the troubleshooting guide, or contact support with the page address and what you expected to happen.
Troubleshooting guide