Skip to content
Log in
  • There are no suggestions because the search field is empty.

Using Color Instead of an Image in the Hero Section

Summary

 Using a solid color as the background in your Hero Section is an effective way to maintain a clean, professional look without the need for an image. This feature is particularly useful when you want to simplify the design or use a brand color to maintain consistency.

In this article

  • Before you begin
  • Step 1: Open Site Builder
  • Step 2: Edit the Hero Section
  • Step 3: Set a Solid Color as the Background
  • Frequently Asked Questions (FAQ)

Before you begin

To set a solid color as the Hero Section background, you must have Admin or Editor access to your career site.

Step 1. Open Site Builder

  1. Navigate to Career Site from the main dashboard.
  2. Select your active site.
  3. Click the Site Builder button located at the top-right corner of the page.

Step 2. Edit the Hero Section

  1. In the Site Builder, locate the Hero Section.
  2. Hover over the Hero Section area and click on the Edit button.

Step 3.Set a Solid Color as the Background

  1. In the Quick Edit panel on the right, scroll to the Choose Background section.
  2. You will see the current image under the Use Image option.
  3. To change it to a solid color, click on the Use Colour button.
  4. Choose your desired color using the color picker or enter the color code (e.g., #ffffff for white).
  5. Once the color is set, click Save to apply the changes.

Frequently Asked Questions (FAQ)

1. What types of colors can I use for the Hero Section?

You can use any color in the hexadecimal format (e.g., #ff5733) or choose from the color picker.
 

2 .Can I use gradients instead of a solid color?

No, currently only solid colors are supported for the Hero Section background. You can select a color that complements your site's design.

3. How do I choose the best color for my Hero Section?

Choose a color that aligns with your brand’s style guide or one that contrasts well with your text to maintain readability.
 

4. Can I apply a solid color and later switch back to an image?

Yes, you can change back to an image at any time by following the steps under the “Update the Hero Section Background Image” guide.