Setting a Background Image for Sections with Elementor

To set a Background Image for a Section, edit the Section and navigate to the Style tab of that specific Section.

Click the Background Type -> choose Classic -> and set an Image as the background image for the newly created Section – either choose from the Media Library or Upload your own image.

Under Position, we can choose the actual position of the background image. Choose Center Center.

For Size, choose Cover and we are all set.

There are Responsive Options that allows us to use different images for different mobile devices: tablets and smartphone.

This is extremely useful for creating a truly Responsive layout of our site.

The Position, Repeat and Size settings are also available as Responsive options, for even more control over the responsive layout of our site.