The Advanced Elements plugin supports using images from repeater fields as backgrounds for both sections and columns. This functionality is available only on Elementor templates.
There are two methods that you can use to get repeating background images.
- Using the repeating image dynamic tag
- Using the new “Repeating background” section in the “Section” and “Column” style tabs.
Repeating background image with dynamic tag
Using the repeating image dynamic tag with background images is a bit tricky. Due to how Elementor handles background images you need to click “Override Elementor default” so it says yes.
The drawback with the dynamic tags method is that the background image of the first repeater item is added to the Elementor generated CSS-file. This is then the standard background image on all repeated sections or columns. Enabling the override does what the setting says, it overrides the Elementor generated CSS code so the correct background image is shown.
Setting background image in the widgets
Section
Column
Repeating background image with new control on the Style tab
