Editing Hero Section Background Image in Site Builder
Summary
Editing the Hero Section background image allows you to customize the visual appeal of your career site. This is particularly useful when you want to refresh your site’s look or update the image to reflect current branding or promotional themes.
In this article
- Before you begin
- Step 1: Open Site Builder
- Step 2: Edit the Hero Section
- Step 3: Update the Hero Section Background Image
- Frequently Asked Questions (FAQ)
Before you begin
To edit the Hero Section background image, you must have the Admin or editor access to your career site.
Step 1. Open Site Builder
- Navigate to Career Site from the main dashboard.
- Select your active site.
- Click the Site Builder button located at the top-right corner of the page.
Step 2. Edit the Hero Section
- In the Site Builder, locate the Hero Section.
- Hover over the Hero Section area and click on the Edit button.
Step 3.Update the Hero Section Background Image
- In the Quick Edit panel on the right, scroll to the Choose Background section.
- You will see the current image under the Use Image option.
- Click on the three-dot action button next to the current image.
- Select Replace from the dropdown options.
- Upload your new image from your computer or select one from your gallery.
- Once uploaded, you can adjust the Resize Image settings (e.g., Fill, Fit, or Stretch).
- After selecting the image, click Save to apply the changes.
Frequently Asked Questions (FAQ)
1. What image formats are supported for the Hero Section?
Plumm supports JPG, PNG, and GIF formats for background images.
2 .Can I use a solid color instead of an image?
Yes, you can switch from Use Image to Use Colour to set a solid background color for your Hero Section.
3. Can I change the text or button in the Hero Section when I change the background image?
Yes, you can also edit the Heading Text and Button Name fields in the same Quick Edit panel.
4. How do I resize the background image?
You can choose between options like Fill, Fit, or Stretch under the Resize Image section. Select the option that best fits your design needs.
5.Can I upload multiple images for the Hero Section?
No, only one background image can be applied at a time. You can change the image as needed.
6.What happens if I upload a very large image?
It's recommended to use optimized images to ensure fast loading times. Plumm automatically adjusts the image size, but a very large image might affect page performance.