Video Backgrounds & Background Gradients

Video Backgrounds & Background Gradients

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!

Want to learn more
about Stackable?

Your very own Learning Hub for all things WordPress and Stackable. Find the right resources to help get you started as you begin building your online presence with Stackable.

9 thoughts on “Video Backgrounds & Background Gradients

  1. 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.

    1. Hi Andrew!
      Yes! You can now add a video background for Call To Action, Header and Container blocks.

    1. 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. ?

  2. 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.

    1. 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.

    1. 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!

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.