Job Board Theme and Advanced Styles

Have more questions? Submit a request

Now that you've got your Job Board Information and Automatic Email Settings set up, it's time to give your Job Board a personalized touch to match your company's existing theme.

Job Board Theme

  1. Head over to Recruiting and click on the Settings tab.
  2. Find the Job Board Theme section and hit Edit to start making those changes.


From here, you can tweak things like

  • Your Company Logo: This little gem will proudly sit in the top left corner of your Job Board page. We suggest using an image that's around 32px tall - don't worry about the width, it will automatically be adjusted, all about that height!
  • Button colour: This will apply to the links that redirect applicants to a job posting’s page, like the Job Posting Title and the Learn More buttons. 
  • Header colour: This applies to the header of your job board which displays your logo and company name.

You'll also see a quick link that will direct you to the Company Logo page, where you can add your company logo to Humi. Need more information on this? Check out our guide on adding your company logo to Humi.

Customizing your job board theme is a fantastic way to give it that extra oomph and make it look more in line with your company's brand.

If you're craving even more customization, stick around to learn how to use Advanced Styles.

Once you've saved your edits, your job board will automatically update to reflect the changes.

Advanced Styles

Adding some customization through your Job Board Theme is a great starting point, but if you're looking to really dive into customization, the Advanced Styles section is where you need to be.


Important note

This feature requires a solid grasp of HTML and CSS since you'll be crafting custom CSS. Adding custom CSS will override the responsiveness. Please use caution when using this feature. Our support team will be limited in their ability to assist with design related issues. We recommend asking your web developer to assist in setting this up.

  1. Click Edit and enter the custom CSS details. 


You've got two options for defining the source CSS: a hosted URL for custom CSS or direct input in the Custom CSS section—either one can be used alone or together.

You can write the direct CSS input just like you would in a .css file. By inspecting the job board page, you can pinpoint the right selectors and apply the styling you're after to the elements you're interested in.

Feeling a bit lost? Check out the Humi Job Board – Advanced Style Guide here for some inspiration.

Was this article helpful?
0 out of 2 found this helpful