Coloring Your Background Images

This article was written for Page Builder Sandwich 5 or earlier. Page Builder Sandwich 6 is a new block builder, so some steps and screens here may differ. Getting started with version 6

Coloring Your Background Images

You can add background images to your rows and backgrounds. What’s more is that you can also tint your background image with a color to make it fit better with your design.

For example, I have here a row with a background image with some white overlaid text. It’s quite hard to see the text right now because of the background image I picked.

2b91fa8f2a file mzgaf4V044

To make things look better, we can add some color to our background image. To do this, hover your mouse over the row, then click on the row’s gear icon to open up its properties. Go to the Background options, then turn on Background Image Tint.

bafd9f5d79 file VqSdQk08dVAfter it’s turned on, you change the background color and it will now add a colored tint to your background image. You can also change the strength or opacity of the tint. Here’s my background tinted green to make the text more visible:

766d6beaa3 file jSAuV7QQ48