How can I add a image background to a module in the Page Builder?

Hi! I have added an 2 column text block and would like to add an image behind it. Is this possible?

Yes! You can add a image to the background by editing the module CSS.

To do so, click the “Edit CSS” button in the top right of the module edit screen:

From there, you can use the background-image property to add in the background that you want to the “container” class. It could look something like this:

.container {
text-align: center;
background-image: url(“https://website.com/image.png”);

Hope this is helpful!

Thanks,
Nathan

3 Likes