Skip to main content

Customising Banner, Logo, Colours, and Fonts on Your PyjamaHR Career Page

Updated this week

Executive Summary

Your PyjamaHR career page is often a candidate’s first impression of your company. Customising the banner, logo, and button colours allows you to align your career page with your brand identity and create a seamless candidate experience. This guide covers exactly what you can and cannot customise—including banner dimensions, logo placement, button colour settings, and font limitations—based on real customer questions and the current PyjamaHR platform capabilities.

Detailed Overview

PyjamaHR offers a range of customisation options for your career page to help you reflect your company’s branding. You can:

  • Upload a custom banner image (with specific recommended dimensions)

  • Add your company logo

  • Change button background colours to match your brand palette

  • Edit the header and company description

  • Remove certain elements (like header and description) via iframe embedding

Limitations:
Currently, changing the font family (e.g., to Montserrat or other custom fonts) is not supported. Some elements, such as the PyjamaHR footer, can only be removed on custom plans.

Integration:
These customisations are managed through your PyjamaHR profile settings and are reflected instantly on your public career page and any embedded iframes.

Business Impact:
A well-branded career page increases candidate trust and application rates, while clear branding reduces confusion and improves the candidate journey.

Step-by-Step Guide: Customising Your Career Page Branding

Prerequisites

  • Admin or Owner access to your PyjamaHR account

  • Banner image in the recommended dimensions (see below)

  • Company logo file

1. Access Career Page Settings

  1. Log in to your PyjamaHR account.

  2. Navigate to Profile > Career Page or go directly to:
    ​ https://app.pyjamahr.com/profile#career_page
    - (Screenshot: Show navigation to Career Page settings)

2. Upload or Update Your Banner Image

  • Recommended Dimensions: 1080 x 400 pixels

  • Click the Upload Banner button.

  • Select your image file and upload.

  • Tip: Images outside these dimensions may be cropped.
    ​ (Screenshot: Banner upload dialog with dimension callout)

  • In the same settings area, locate the Logo section.

  • Click Upload Logo and select your file.

  • Preview the logo placement on your career page.

4. Customise Button Background Colour

  • Find the Button Background Colour setting.

  • Click the colour picker to select your brand colour or enter a HEX code.

  • Note: Transparent backgrounds are not currently supported; choose a solid colour.

  • Save changes to preview the update.
    ​ (Screenshot: Button colour picker UI)

5. Edit Header and Company Description

  • Update the Header and Company Description fields as needed.

  • Save changes to reflect updates on your career page.

6. Remove Header and Description (Advanced: Iframe Embedding)

If you are embedding your career page via iframe and wish to hide the header and description:

  • Use the provided iframe code from this example.

  • Remove or comment out the header and description sections in the code.

    Note: This is only applicable if you are embedding the career page on your own site.

Advanced Usage & Best Practices

  • Banner Image: Always use the recommended 1080 x 400 px to avoid cropping issues.

  • Logo: Use a transparent PNG for best results, especially on coloured backgrounds.

  • Button Colour: Match your brand’s primary colour for consistency.

  • Iframe Embedding: For advanced customisation (e.g., removing header/description), use the iframe code and edit as needed.

  • Footer Removal: Only available on custom plans—contact support if required.

  • Font Family: Currently not customisable; plan your branding accordingly.

Do’s:
- Preview changes before publishing.
- Use high-contrast button colours for accessibility.
- Keep banner images simple and uncluttered.

Don’ts:
- Don’t upload images with text close to the edges (may get cropped).
- Don’t expect font changes—PyjamaHR uses a default font for consistency.

Troubleshooting & Common Issues

Banner Image Gets Cropped:
- Ensure your image is exactly 1080 x 400 px.
- Avoid placing important content near the edges.

Button Colour Not Updating:
- Double-check you’ve saved changes.
- Refresh your career page to see updates.

Cannot Change Font Family:
- This is a current platform limitation. Font customisation is not supported.

Want Transparent Button Background:
- Only solid colours are supported at this time.

Footer Removal Needed:
- Only possible with a custom plan. Contact support for options.

Header/Description Still Showing in Iframe:
- Double-check your iframe code and remove the relevant sections as shown in the example code.

Comprehensive FAQs

1. What are the recommended banner dimensions?
1080 x 400 pixels.

2. My banner image is getting cropped—how do I fix this?
Resize your image to exactly 1080 x 400 px and avoid placing important elements near the edges.

3. Can I change the font family on my career page?

No, custom fonts (e.g., Montserrat) are not supported at this time.

4. How do I change the button background colour?
Go to Profile > Career Page settings and use the colour picker under Button Background Colour.

5. Can I make the button background transparent?
No, only solid colours are supported.

6. How do I remove the header and company description?
If embedding via iframe, you can remove these sections in the code. Not possible via standard settings.

7. Can I change the "View" button text to "Apply"?
No, this is not currently supported. The "Apply" button appears after clicking "View".

8. How do I remove the PyjamaHR footer?
This is only available on custom plans. Contact support for details.

9. My logo looks blurry—what should I do?
Upload a high-resolution PNG with a transparent background.

10. Can I preview changes before publishing?
Yes, use the preview option in the Career Page settings.

11. Why don’t my changes appear immediately?

Try refreshing your browser or clearing cache. If issues persist, contact support.

12. Can I embed the career page on my own website?
Yes, use the provided iframe code and customise as needed.

Related Features & Next Steps

  • Custom Domain Setup: Brand your career page URL (see [Custom Domain Setup Guide])

  • Application Form Customisation: Tailor application questions to your process

  • Advanced Analytics: Track candidate engagement on your branded career page

  • Integrations: Connect with your website or HRIS via iframe or API

Recommended Articles:
- [How to Embed Your PyjamaHR Career Page on Your Website]
- [Setting Up a Custom Domain for Your Career Page]
- [Customising Application Forms]

Still have questions?

If you need further customisation or run into issues not covered here, contact PyjamaHR Support for assistance or to discuss custom plan options.

Keywords:
career page branding, banner dimensions, logo upload, button colour, font family, PyjamaHR customisation, remove header, remove footer, iframe, Montserrat font, transparent button, career page settings

This article is based on real customer conversations and reflects the current capabilities and limitations of the PyjamaHR platform as of June 2024.

Did this answer your question?