ELEMENTOR 2.4: Dynamic Responsive Background Images

Elementor 2.4 opens up a world of cool possibilities if you combine it with ACF (Advanced Custom Fields), PODS or Toolset to create dynamic, responsive background images for pretty much any part of your website or web page.
Take your #Elementor and #WordPress design skills to the next level with this awesome new feature!
ELEMENTOR PRO: jo.my/1s0t2s2
Take your Wordpress website and skills to the next level!
AFFILIATE DOWNLOADS
If you like what we do and would like to support us, please consider using these affiliate links when purchasing any of the plugins covered in our tutorials. Thank you for your support.
Pre Order Brizy Pro NOW: bit.ly/2Ji97r8
OCEANWP: bit.ly/2fRHBr0
ELEMENTOR PRO: jo.my/1s0t2s2
WPBakery Page Builder (Formerly VISUAL COMPOSER): bit.ly/2NVbVNP
DIVI 3 Page Builder: bit.ly/2HiiDcE
DIVI Theme: bit.ly/2G8JMiA
SMART SLIDER 3: bit.ly/2G0G1vB
Astra Pro: bit.ly/2zruoKn
CSSHERO: bit.ly/2qbrRl6
SLIDER REVOLUTION 5 - bit.ly/2NYr8NV
IMPREZA THEME: bit.ly/2mpK9wp
SUBSCRIBE
bit.ly/2rX7rhu
LETS CONNECT:
/ wptutz
SUPPORT: Our website offers additional information and perks. Please check it out! wptuts.co.uk

[@WPTuts]

Power up your Elementor backgrounds by combining ACF, Toolset or PODS and create truly dynamic and responsive background images for all devices with ease!

[@now4dw-au]

Paul, I can remember watching the very first Flash video (a baby pushing a ball across a beach background) and being awed. How far we've come since then! I started a new dev yesterday who is new to Elementor and OceanWP. The first task I gave him was a list of your tutorials to watch. They cut his learning curve by 90% Thank you.

[@WPTuts]

Wow! That's pretty cool to hear. 😀👍

[@LanceHowell]

awesome video. I never thought of having a different image on each device. That brings all new web design ideas. Thanks Paul and Elementor. I love the dynamic fields. I hope elementor will make all options to be dynamic sometime.

[@susangemayel-tapper3794]

Hi Paul, great step by step video as usual, thanks for the time & effort you take in expanding our knowledge.

[@WPTuts]

No problem Susan, it's my pleasure. 😀

[@greghyatt1601]

Paul, that’s absolutely flipping amazing!

[@WPTuts]

It's a pretty neat little feature for sure 👍

Great new feature, thank you Paul. It will be awesome for E users to have slider or carousel too as a background and pull dynamic data from Toolset, ACF or Pods.

[@AndyDOHD1]

Many thanks yet again Paul.

[@WPTuts]

Not a problem at all :0)

[@JimeJadon]

WOW Great tip and tutorial thank you very much

[@WPTuts]

Glad to help 😀

[@kerawelt2008]

Excellent (again...) Many thanks.

[@DimestoreNation]

Love your guys videos!! Got the noti on - we are a channel from 🇨🇦 that focuses on fishing 🎣 keep up the great stuff gang 😎

[@LPH2004]

Great video Paul Thank you. I wish you can do tutorials about Search & Filter PRO plugin from Designs & Code or any similar plugin..... Toolset is kind of complicated. Thank you

[@pabloarty8748]

I did exactly the first steps but when I get into the Style options I can't see the "Dynamic" option next to Image ):

[@JohnWagner1]

Great video. Thanks

[@WPTuts]

Thank you John 👍

[@YaronRosen]

great info! thank you so much

[@WPTuts]

My pleasure 👍

[@BarryPaffey]

Love this new feature, should definitely improve the website load speed if you can assign specific images to match what they are being viewed on.

[@WPTuts]

I totally agree. It's great to have this added level of design flexibility 👍

[@laerciocivali]

How does ACF Image Field drop down option appeared at about 3:06, did you define it before?

[@SureshKumarG]

Paul, thanks for the video. A quick question, by this feature.. We will have 3 different images with different sizes? Or same images with 3 different sizes. Those all images are added in the image sitemap right? Is there a way to show only desktop image to be included in the image sitemap? Thanks Suresh

[@WPTuts]

You can have 3 different images and/or 3 different sizes. The choice is entirely yours. I would assume that they would all be added to the image sitemap, but don't quote me 100% on that as fact.

[@laerciocivali]

Hi Paul, my WP vertical menu there´s no Templates(Saved Templates, Add New, Categories) option. Do I have to install some plugin? My Elementor Pro is 2.3.1 version.

[@michaelocunningham]

Hey maybe you can help me. I want to use custom fields to upload an embedd link to show up on a single post template. How can I get the shortcode widget to use embedded codes in a oembed field

[@alphabetsouptoday]

WHy don't I see that little dynamic button there beside background image?

[@se1ectmedia]

What I would love to do is say have a home page where the top hero section has dynamic background with a built in slider feature so if my client wanted to change out a post for a season giveway/promotion, they could do very quickly on the back end just like you showed for an individual photo. Do you believe this is in the works or available via 3rd party Elementor widget?

[@WPTuts]

To be honest, I'm not too sure. Have you looked at Smart Slider 3? That has some dynamic functionality but off the top of my head I'm not too sure if you can map it to use custom fields...

[@se1ectmedia]

@@WPTuts I did a while back but it seems way too foreign not just for my clients but for me as well. I checked their Knowledge/Help Database and didn't see any reference to ACF. Powerful nevertheless. I think if this could be changed to have a carousel function for different backgrounds with different text, this would be the ultimate. Thanks again for your videos!

[@wmafendi]

What is plugin you're using for Custom Fields??

[@WPTuts]

Advanced Custom Fields in this instance, but you could also use PODS or Toolset.

[@astrophiletrades]

Which plugin is this ??

[@WPTuts]

It's the beta version of Elementor.