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.
Setting Background Colour for a Container
Learn how to set a background colour in a container.
Follow the steps below to apply the change in your QuoteCloud document.
Setting Background Colour for a Container
Select a container
Start with the container or row you want to style. In this example, the container includes multiple columns.Open the container menu
Right-click inside the container. This opens the contextual menu for the selected container.Open Container Settings
Choose Container Settings from the menu. The Container Settings panel opens on the right-hand side.Find Background settings
In the Container Style section, find the Background setting. This controls the container background style.Choose Colour
Select Colour as the background type. A colour palette will appear.Pick a colour
Select any colour from the palette to match your design preferences. The selected colour is applied inside the container.Review the container
Check the container to confirm the colour is visible across the row. The background colour helps separate and style the container content.
FAQs
How do I add a background colour to a container in my document?
Open the document editor and select the container or row you want to style. In the container settings or style panel locate the Background section and choose the Colour option.
Pick a colour from the palette or enter an exact hex or RGB value, then save or apply the change to set a solid background colour for the entire container. This works in QuoteCloud document templates and custom documents.
Can I use a background image instead of a solid colour?
Yes. Switch the Background setting to Image, then upload a file from your device or choose an image from QuoteCloud's built-in Unsplash library. After selecting an image you can set fit and position options.
Use overlays, opacity controls, and fit modes so the image integrates cleanly with your layout without overpowering content.
What controls are available for background image opacity and why should I use them?
Common controls include global image opacity, semi-transparent colour overlays, blend or tint settings, and overlay colour selection. These let you reduce an image's visual prominence so foreground text and elements remain readable.
Use lower opacity or a subtle overlay for functional content areas, and increase opacity for decorative sections. Adjust until contrast and legibility are clear across devices and screen sizes.
What styling options can I apply to a container background?
You can apply a single solid colour via the picker or by entering hex/RGB values, or use a background image with options for fit (cover, contain), position, repeat, overlay colour, tint and opacity.
Container-level layout settings such as border radius, padding and spacing are also available to complement the background and improve visual hierarchy in your proposals and quotes.
How can I ensure text and foreground elements remain readable over a background image?
Prioritise contrast: add a semi-transparent overlay between the image and text, lower the image opacity, or use a darker/lighter tint to increase contrast. Adjust text colour and weight to maintain legibility.
Also test across device sizes and screen brightness levels and, when possible, use accessible contrast ratios to meet readability standards for your sales quoting software and proposal software outputs.
Which colour formats are supported when setting a container background?
The editor supports the on-screen colour picker and direct input of exact values such as hex and RGB. Entering hex or RGB lets you match brand colours precisely for consistent styling across quotes and proposals.
Using exact values is recommended when you need to align background colours with other branded assets in your sales documents.
Will background colours and images be preserved when using templates or exporting from the quote software?
Yes. Background styles applied at the container level are saved with the document and will carry across templates, exports and outputs generated by the quote software, provided the template allows custom styling.
For consistent branding in sales quoting software and sales proposal software, set styles in your master template so every new document inherits the same background settings.
What are best practices for using background colours in sales quotes and proposals?
Use background colour to create clear sections, reinforce brand identity and guide the reader's eye. Stick to a limited palette, maintain strong contrast with text, and avoid busy images behind important content.
For professional proposals and quotes, apply background styles to headers or callout areas only, reuse template styles for consistency, and preview documents on multiple devices to ensure readability and polished presentation.