When you are using a background image for a section, row, or module in Divi – you want to make sure that it is positioned in the most optimal way. This gives you more control over how your image shows up. In this tutorial, I will be walking through how to position a background image in Divi (for all devices)!
We know everyone learns differently – if you prefer video, please watch the video tutorial above! If you’re more of a step-by-step person, we’ve written out the steps below.
How to Position a Background Image in Divi – Step by Step
1. Create a new section in Divi.
2. Go to Section Settings and select Background.
3. Add your image. Tip: It’s always a good idea to ptimize your image before adding it to your website. For guidance, check out our Image Optimization tutorial.
4. After you add your image, scroll down to Background Image Position and try out a few options until your image is positioned the way you want it.
5. Save your changes.
Don’t yet have the Divi Theme?
Divi is a premium WordPress theme that is literally the only theme you will ever need to have an incredible website. With a powerful page-builder, tons of ready to implement templates (including those found in our effortless website kits) this drag and drop theme will have you eager to get your website up and running exactly how you want it. Create any website you could ever dream up with ease.
(Note this is our company affiliate link & should you choose to purchase through our link we will earn a commission. Thank you, you will LOVE Divi!!)
Divi Theme + Effortless Web Kits
Our effortless website kits are built utilizing Divi! The web kits are high-converting websites, crafted for entrepreneurs & small business owners. Stop letting tech prevent you from launching your website and business. With an effortless website kit, you’ll have your site up lickity-split! Sit back & start watching the sales & leads pour in.Learn more about the Effortless Web Kits!