Introducing Enhanced Background Image Selection in HeyBoss
With our latest update, you can now easily select and change background images set using the CSS background-image property. This feature gives you more creative control over your website's look—no coding required!
Prerequisites
Access to your HeyBoss editor
Editor permissions to modify page designs
How to Select and Change a CSS Background Image
Open the HeyBoss Editor:
Log in to your HeyBoss account and navigate to the page you want to edit.
Locate the Section with a Background Image:
Hover over different sections. Areas using
background-imagewill now be highlighted and clickable, just like regular images.Select the Background Image:
Click on the highlighted background area. The image selection panel will open.
Choose or Upload a New Image:
Pick an image from your library or upload a new one. You’ll see a preview before confirming your choice.
Save Your Changes:
Click Save to apply the new background image to your section.
Tips for Using CSS Background Images
Use high-resolution images for large backgrounds to avoid pixelation.
Try different background repeat and position settings in the style panel for unique effects.
Combine background images with overlays or gradients for added depth.
Preview your design on both desktop and mobile to ensure the image displays well everywhere.
Example Use Case
Suppose you want to update your homepage hero section. Previously, you could only swap images set with <img> tags. Now, if your hero uses a CSS background-image, you can simply click the section and choose a new image—no need to edit code or ask a developer!
Related Articles
Need Help?
If you have questions or need assistance, contact our support team. We're here to help!