Adding a background image to your page sections is a great way to add an extra layer of customization and align your site with your brand! 🎨
Adding a background image
Here's how to add a background image to your site pages:
From your Podia dashboard, click on Website in the sidebar menu.
Select Edit site.
Click on the section you'd like to add the background image to or click on the Pen icon to open up its editing options in the left-hand menu.
From the left-hand menu, head over to the "Design" tab.
Click on Add next to Background image.
Click on Choose Image and pick a file from your Media Library, upload from your computer or search Unsplash.
After your background image is uploaded, you'll be able to modify background image options.
Here are the available settings for background images:
Blending: It determines how your background image will blend with the section background. You can play with the options or leave using the default option.
Opacity: Determines how transparent your image will be in relation to your background.
Blur: Increase/decrease the amount of blur on your image.
Grayscale: Determine the amount of gray we should apply to your image.
Contrast: Increase/decrease your image contrast.
FAQ & Troubleshooting
Do background images act as full-bleeding/full-width/hero images?
Do background images act as full-bleeding/full-width/hero images?
No.
Background images weren’t designed to act as full-width or hero images, so you can expect them to be resized and cropped depending on the device you're viewing them from.
Your background image will automatically resize to fit the size of the page section it has been applied to.
Still need help?
If you have any questions, send an email to hello@podia.com or click the purple help icon to send us a message 😄