The Partner Partner (formerly Prish) Jobs Widget lets you display live job postings from our platform directly on your own website — with styling that matches your brand.
1. Basic Embed
Place this code where you want the jobs to appear:
<div id="prish-job-feed" data-layout="grid" data-theme="light"> </div> <script src="https://cdn-us.prish.io/embed/jobs.js" defer></script>
Attributes you can change right away:
data-layout—"grid"or"list"data-theme—"light"or"dark"
2. Customize for Your Site Only
We’ve built the widget so you can style it without affecting anyone else’s instance.
All customization is scoped to the #prish-job-feed container on your site.
You can override styles using CSS variables in the <div> itself, or by adding a <style> block on your page.
Option A — Quick tweaks with CSS variables (inline)
Add them directly to the <div> as style:
<div id="prish-job-feed" data-layout="grid" data-theme="light" style=" --prish-brand:#150fff; --prish-columns:3; --prish-gap:20px; --prish-radius:12px; --prish-font-size:15px; --prish-title-size:18px; --prish-card-padding:20px; --prish-button-radius:8px; "> </div>
Available variables:
Variable | What it changes | Default |
| Apply button background color |
|
| Number of columns in grid layout |
|
| Space between cards |
|
| Corner radius of job cards |
|
| Base font size |
|
| Job title font size |
|
| Inner padding of job cards |
|
| Apply button corner radius |
|
| Apply button padding |
|
| Card background color | Theme-based |
| Main text color | Theme-based |
| Subtext color | Theme-based |
| Card border color | Theme-based |
| Card shadow color | Theme-based |
Option B — Full custom CSS (scoped)
You can write a <style> block in your site’s HTML.
Just target #prish-job-feed so your styles only affect this widget.
Example:
<style> #prish-job-feed { --prish-columns: 2; /* two columns at all sizes */ --prish-gap: 16px; } /* Make titles bolder and blue */ #prish-job-feed .job-title { color: var(--prish-brand); font-weight: 800; } </style>3. Responsive Defaults
The widget will automatically adjust:
4 columns on large screens
3 columns at ≤1200px
2 columns at ≤900px
1 column at ≤560px
You can override this with your own media queries if you prefer.
4. Fields Shown
Each job card displays:
Title
Company
Location
Date Posted
Description (trimmed)
Apply Now button (links to Application URL)
5. Troubleshooting
Button text is wrong color — Add:
#prish-job-feed .btn-apply { color: #fff !important; }No jobs appearing — Make sure your jobs are marked as Published in Prish.
6. Need help?
Contact us via Intercom or at [email protected] and share:
Your page URL where the widget is embedded
A screenshot of your HTML snippet and styles