Hiya, 

I've trying to create a custom widget, but can't set an attribute for backgrounds. It won't let me create something like this in the css:-

background-image: url({{image}});

And the widget breaks on the front end.

Is there a way to get the 'background selector' type in attributes? (to be able to pick image/colour or gradient?

Thanks, I was an idiot... It didn't show 'image' under the background option in the widget and presumed it wouldn't be on the front end ;) 

Many thanks!!!!

Ok, I've followed the video, but it only lets me create a background for the whole widget. I need to layer backgrounds.

For example I need to apply backgrounds to the widget (which your method works) and a div (ML_AS_left_div) above:-

<div class="ML_AS_container">
  
 <div class="ML_AS_left_div">
   
  </div><!--end of left div-->
  
  
  <div class="ML_AS_right_div">
    
  </div><!--end of right div-->
  
  
</div><!--end of container-->

I'm trying to make an angled section like one of yours, but with more flexibility. I can send images of the concept if the problem isn't clear! :)

No, I need images (I'm using SVG shapes)

SVG is supported once WordPress is changed with a plugin, I'll make a codepen sure. Give me a few minutes :)

Heres the pen:-

https://codepen.io/Neurojazz/pen/abvNGPO

Static, but can't be part of the main image in background (Trying to make nice responsive sections)

Ok, I understand now - I can't add these via the editor, I have to embed them & hardcode. No problem! Thanks for your time :)

Yep, found the video :)