Customise your layout by adding background colours to individual columns.
In this quick guide, you’ll learn how to set a solid background colour for one or more columns inside a container. Whether you're creating contrast, highlighting content, or matching your brand style adding background colours makes your design more effective and visually appealing.
Adding a background colour for a column applies a solid or semi‑transparent colour behind the content of an individual column inside a container. This visually separates or highlights that column without changing the surrounding layout.
This is useful when designing templates in sales quoting software or sales proposal software to emphasise pricing, calls to action, or branding elements.
Open the document editor, select the container that holds the columns, then click the specific column you want to style. In the column settings panel open the Background or Colour option, use the colour picker to choose a colour, or type an exact hex value (for example #FF5733).
Optionally use the eyedropper to sample a colour from your screen, adjust opacity if needed, then save your changes. These steps work the same when creating templates for quote software or proposal software.
Background colours are applied per column, so you cannot paint multiple columns at once with a single action. Each column must be styled individually.
Tip: copy and paste the exact hex value or use the eyedropper to ensure consistent colour across columns when building templates for sales quoting software or sales proposal software.
The editor typically provides a built‑in colour picker, a field to enter exact hex values for brand accuracy, and an eyedropper tool to sample colours from your screen. Some editors also include preset brand palettes or recently used colours.
Using hex values and presets helps maintain consistent branding across quotes and proposals created with quote software or proposal software.
Yes — many editors let you adjust opacity to create semi‑transparent backgrounds. Lowering opacity lets the container or page background subtly show through and can create layered visual effects.
Be mindful of text contrast when using transparency; test readability across desktop, mobile, and PDF exports to ensure accessibility.
Background colours can affect PDF exports and printing. Some browsers or print settings may omit background colours by default. Always preview the PDF or print preview before sending or printing proposals.
If you see differences, try exporting to PDF from the editor’s export tool, flattening layers, or adjusting print settings to include backgrounds so your quote software or proposal software output matches the on‑screen design.
Select the column, open the Background or Colour setting in the column panel, and choose the transparent/clear option or click a reset button if available. This restores the column to the container's default background.
Removing the background is useful when reusing template sections across different quotes or proposals in your quote software or proposal software.
Use background colours sparingly to create clear visual hierarchy—reserve bold colours for headings, totals, or CTAs. Always check colour contrast against text to meet accessibility standards and ensure readability.
For consistent branding across sales quoting software and sales proposal software, store brand hex values centrally and reuse them across templates. Test templates on screens and in exported PDFs before sharing with clients.