How to Add Background Colour for a Container
Add depth and structure to your layout with container background colours.
This guide walks you through the steps to apply a solid background colour to an entire container. Learn how to access container settings, choose your preferred colour, and enhance your design with clean, custom styling.
How to Add a Background Image in a Container — FAQ
What is a background image in a container and why should I use one?
A background image is an image applied to a container (row) behind the container's content. Using background images enhances visual appeal, helps reinforce branding, and creates distinct, engaging sections within your document layout.
Can I upload my own images or must I use the built-in library?
Both options are supported. You can upload custom images from your device or select from QuoteCloud’s built-in Unsplash image library to use as a container background.
How do I control opacity and why is opacity important?
The editor provides opacity controls that let you reduce the image's visual prominence so foreground text and elements remain clear and readable. Lowering opacity is useful for creating subtle backgrounds or soft overlays that don’t compete with content.
What styling options can I apply to a background image?
You can style the background using either a single color or an image. When using an image, you can adjust its fit and apply an overlay style.
How can I ensure text and foreground elements remain readable over a background image?
Use an overlay style on the background image to ensure text and foreground elements remain clear and readable.