Skip to content
Amply Dev Library
  • Pages
    • Introduction
    • Core Standards
    • Client First
    • Project Setup Checklist
    • Accessibility & Compliance
      • Removing Google Fonts
    • Assets
      • Images
      • Icons
    • SEO
      • Project Settings Setup
      • 301 Redirects
    • Staging
      • Staging Best Practices
      • Setting Up Staging Environment
    • Additional Tools & Integrations
      • Relume
      • Refokus for Social Share Buttons
      • Form Integrations
      • Lever Job Listings
      • All Countries Select Form Field
      • Restrict the email field to work emails only
      • Nested CMS Collections
    • Components
      • Sliders (When to Use What)
      • Table of Contents
    • CMS
      • Collection Settings Best Practices
      • Multiple Nested CMS collections on 1 page
      • Tips & Tricks
    • Animations
      • Best Practices
    • Quality Assurance
      • Retainer Task Quick QA Checklist
      • Website Launch QA Checklist
      • Individual Page Checklist

Lever Job Listings

Go to this site and put in the account name of the job board, use the embed code it creates to get the info on the page and then use CSS to style the job listings as needed.
Link to create the embed code:
An example of the styles used for Jupiter Intel job board:
<!-- Lever Listing Styles -->
<!-- https://andreasmb.github.io/lever-jobs-embed/ -->
<style>
#lever-jobs-container ul {
padding: 0 !important;
margin: 0 !important;
}
.lever-department-title {display: none;}
.lever-team {
list-style: none;
}
.lever-team-title {display: none;}
.lever-job {
list-style: none;
margin-bottom: 3rem;
}
.lever-job-title {
line-height: 1.2;
font-weight: 500;
margin-top: 0;
margin-bottom: 0;
font-size: 2.5em;
text-transform: capitalize;
color: #fff;
}
.lever-job-tag {display: none;}
</style>


 
Want to print your doc?
This is not the way.
Try clicking the ··· in the right corner or using a keyboard shortcut (
CtrlP
) instead.