Adding a Background Colour to Rows and Columns


A feature of rows and columns in the Sales Quote Editor is to set a solid background colour or image behind content contained in a row or column.  This user guide topic covers the background colour feature of rows and columns.

Add a background colour to a row.

In the Sales Quote Editor, insert a text block (as shown below); this will automatically create a row containing one column that contains the text block.

Sales Quote and Sales Proposal Software - Add background solid colour to Rows and Columns - illustration 1

Now hover over the text block to display the Row and Column toolbars (as shown below).  

Click on the cogs icon as highlighted in the screenshot below.

Sales Quote and Sales Proposal Software - Add background solid colour to Rows and Columns - illustration 2

After you click on the cogs icon, you will see a popup window appear (as shown below).

Click on the Background tab.

Sales Quote and Sales Proposal Software - Add background solid colour to Rows and Columns - illustration 3

Click on the drop-down field Background Style, and choose the value Single Colour.

You will now see a colour selector tool appear; this tool will let you choose the colour you want to set as your background colour.

Sales Quote and Sales Proposal Software - Add background solid colour to Rows and Columns - illustration 4

You can now choose to click on the colour palette to select a colour or type (cut & paste if preferred) the hexadecimal (Hex) colour reference in the input field (as shown below the example of #1d1d1d).

Hex is a 6-digit, 24 bit, hexadecimal number that represents Red, Green, and Blue. An example of a Hex colour representation is #12345612 is Red, 34 is Green, and 56 is Blue. There are 16 million possible colours.

Sales Quote and Sales Proposal Software - Add background solid colour to Rows and Columns - illustration 5

After selecting your Hex Colour value, click on the Choose button to set this colour.

Finally, click on the Save button to save and close the popup window.

Sales Quote and Sales Proposal Software - Add background solid colour to Rows and Columns - illustration 6

As shown in our example above, you will see the row's background set to the colour you have selected.

Add a background colour to a column.

Setting the background colour for a column is the same process as described above for a row.  However, you need to select the cogs icon from the column toolbar, as shown below.

Sales Quote and Sales Proposal Software - Add background solid colour to Rows and Columns - illustration 7

Click on the Background tab, and then follow the same procedure as described above for setting the background colour of a row.

Related User Guide Topics

Moving Content Blocks (Drag & Drop)
10 Mar 2021
As you insert content blocks, i.e. text, images, videos, forms, spreadsheets, embedded PDF's, you may want to rearrange the position of these content blocks
Hide Content on a Sales Quote
11 Aug 2020
You may on occassion wish to create content that does not appear in a sales quote. For example, you may create a spreadsheet to perform calculations that should not show in the document that your customer reads; or you might create a block of text that is for your internal use.
Margins, Padding and Borders for content blocks
14 Mar 2020
Padding and margins are very similar, and it can be difficult to know which one you should use. The basic purpose of both is to change the amount of space between elements on the page.
Add background images to Rows and Columns
5 Mar 2020
A feature of rows and columns in the Sales Quote Editor is the ability to set a background image behind content contained in a row or column.  This user guide topic covers how to add a background image in a row and column.

Getting Started

QuoteCloud 2013-2021 Copyright all rights reserved