Custom CSS & JavaScript
On the Pro plan, you can inject custom CSS and JavaScript into your careers page for full design control.
Where to add custom code
Go to Settings → Careers Page → Advanced. You'll find two code editors:
- Custom CSS — injected into a
<style>tag in the page<head>. Use this to override fonts, colors, spacing, animations, or layout. - Custom JavaScript — injected before the closing
</body>tag. Use this for third-party integrations, analytics, tracking pixels, or chat widgets.
Common use cases
- Match your marketing site — import a custom font and adjust heading styles to mirror your main website
- Third-party analytics — add Google Analytics, Plausible, or Fathom tracking snippets
- Chat widgets — embed Intercom, Crisp, or Drift so candidates can ask questions
- Tracking pixels — add LinkedIn Insight Tag, Facebook Pixel, or other ad retargeting scripts
- Layout tweaks — adjust container widths, add background textures, or fine-tune spacing
Finding CSS selectors
Open your careers page in Chrome or Firefox and use the browser's dev tools (right-click → Inspect) to explore the page structure. All careers page sections use semantic class names that are stable across updates.
Tips
- Test changes in a staging environment or use your browser's dev tools before saving
- Keep JavaScript lightweight — heavy scripts can slow down your candidates' experience
- Custom code runs in the candidate's browser and has full DOM access
Something unclear? Contact us — we reply within one business day.
