Last Updated on June 9, 2021
We’re bringing you cool ways to style your backgrounds with videos and gradients. Implement the most creative looks easily with this great feature.
Video Backgrounds
Web pages with a heading tagline against a subtle video playing on the background are a huge trend right now. It’s no wonder, because video backgrounds can convey a lot emotion and can easily catch the attention of website visitors. Not to mention that video backgrounds really look nice.
Starting now, aside from being able to select an image as your Stackable block’s background, you can also pick videos. We’ve made things really simple too, just upload or pick an mp4 video in your Background Settings panel.
To make things even better, you can also add a colored tint on your video backgrounds the same way you can tint your background images.
Video backgrounds are available for all Stackable blocks with a Background Settings panel.
Here’s a tip our designer discovered: You can add a video background to a Video Popup block to make it look like a video preview is playing before people view the actual video.
Another tip: If you need videos to use as backgrounds, Pexels and Videvo are great places to find free stock videos.
Gradient Backgrounds
We’ve also added the ability to add a secondary color to enable gradient backgrounds.
You can now toggle between single or gradient background colors. Once you’ve selected the gradient option, a new color picker will appear. You’ll also be able to rotate and change the direction of your gradient background.
Probably the best part is that gradient backgrounds work great together with video backgrounds!
Are you able to place CTAs or Buttons over the video as well as text? I’d love to be able to use this at the top of pages as a video banner or as an eye-catching element for creating new conversions.
Hi Andrew!
Yes! You can now add a video background for Call To Action, Header and Container blocks.
Thanks! I’ll have to look into it when working on my next project.
Is the gradient not working for stills — only video? I can see it in the editor, but when published it’s just a flat background.
Thanks for the error report. We tried to replicate the issue on our end, but the problem doesn’t happen. Please send us an email through support@wpstackable.com and provide the exact steps that we can take so that we can replicate your issue. Please also send us a sample page if you are able to. ?
Hey! Is there any way I can define a frame to be loaded while loading the video? If the network take too much time loading the video background I would like to place an static image. Thanks.
Hi Miquel! Currently, the Background Image or Video setting for our blocks does not support this but we’ve taken note of this. If more people ask for this, then we will definitely consider adding this feature.
Great. But we dont have option to add VIMEO or Youtube video? I try get Youtube link but thats dont work.
Thank you for bringing this to our attention. Adding Vimeo or YouTube videos should already work seamlessly with our blocks. If you’re still experiencing difficulties with this feature, you can head to our Support page so we can assist you further. Thank you!