Greenhouse Recruiting allows you to provide a custom CSS stylesheet for your hosted or embedded external job board. We provide override-able classes and selectors for most job board elements, like headings, fonts, fields, and buttons.
As part of the 2020 R&D Hack Day, a team of Greenhouse employees worked together to create a brand new design for Greenhouse Job Boards, and we're providing it to customers as a CSS file that can be uploaded as-is or customized to fit your company's unique branding.
Before you begin, make sure your Greenhouse Job Board is well-positioned to work with this new style. There are two things you should check:
- Confirm that candidate apply to jobs at a URL like boards.greenhouse.io/companyname instead of something more custom like youcompany.com/careers. This style is optimized for Greenhouse boards and might look a little strange when embedded into a webpage controlled by your company.
- On the Configure > Job Board > Edit page, upload a logo that includes your company's full name. This updated style hides the title of the Job Board for a cleaner visual experience, but it could make it difficult for candidates to know which jobs they're applying to if your logo only includes an icon.
From there, download the CSS file linked at the bottom of this article. For ease of customization, we've added two colors near the top of the file that you can easily change to fit your brand. If you happen to know the hex code for the colors (like #3574D6), you can use a tool like this to convert it to RGB values.
The first value controls the color of the Apply Now and Submit Application buttons on individual job posts.
While the second value controls the hover color on the Job Board. Note: We do not recommend removing the .1 value from the lighter color. This adds opacity and makes the hover state less saturated.
Once you have your colors saved in the file, simply upload it within Greenhouse Recruiting and refresh your job board to view the changes!