Video Backgrounds & Background Gradients

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 is a great place to find free 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 engage more?

Join the Stackable Facebook Community.

Learn more about Stackable, engage with the Stackable team, and share interesting insights and with fellow Stackable users.

Be part of our community today.

Was this article helpful?

5 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. 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. 😊

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.