Setting Margins, Padding, and Borders for Containers, Columns, and Content Blocks
This guide explains how to set margins, padding, and borders for containers, columns, and content blocks in QuoteCloud, helping you create well-structured and visually appealing documents.
Setting Margins, Padding, and Borders for Containers, Columns, and Content Blocks
Customize spacing and borders for content blocks.
Apply margin, padding, and border settings to columns and containers.
Set margins, padding, and borders for containers, columns, and content blocks
Start with a content block
To begin, right-click on the content block you would like to customize. This opens the settings for margin, padding, and border controls.Adjust content block spacing
Update the margin, padding, or border values for the content block. Margins affect outside spacing, padding affects inside spacing, and borders define the block edge.Open column settings
Right-click the column you want to customize. Navigate to the column settings from the menu.Adjust column styling
Set the column margin, padding, or border values. This controls spacing and outlines for the selected column.Open container settings
Right-click the container or row that holds the columns. Navigate to the container settings.Adjust container styling
Set the container margin, padding, or border values. Container settings affect the full row area and everything inside it.Review the full layout
Check the content block, column, and container together. Make sure the spacing and borders create a clean, readable layout.
FAQs
What is the difference between margin, padding, and border in QuoteCloud?
Margin is the space outside an element that separates it from other elements. Padding is the space inside an element between its content and its border. Border is the visible line or edge that sits between padding and margin. In QuoteCloud these three controls let you manage layout and visual hierarchy so your sales quoting software and sales proposal software produce clean, branded documents.
Do margins and padding behave differently for columns versus single content blocks?
Yes. Adjusting margins or padding on a column affects the entire column and every content block inside it, shifting spacing for everything contained in that column. Changing margins or padding on a single content block only affects that block and leaves surrounding blocks unchanged. Use column settings for consistent spacing across a section and block settings for fine‑grained tweaks in your quote software or proposal software templates.
Can I set different values for the top, right, bottom, and left sides individually?
Yes. The QuoteCloud editor lets you set margin and padding values independently for top, right, bottom, and left sides. This makes it easy to add extra top spacing before a heading or extra bottom spacing after a table without affecting other sides.
What units can I use for margins, padding, and borders in the QuoteCloud editor?
QuoteCloud currently supports pixels (px) only for margins, padding, and borders. Using pixels ensures consistent spacing in the editor and in exported documents such as PDFs, which helps maintain precise layout in your quotes and proposals.
Can I apply borders, rounded corners, or remove borders entirely?
Yes. The editor lets you add or remove borders and apply rounded corners where supported by the block or container. These visual treatments help differentiate sections and reinforce branding in your sales documents. Preview exports (for example PDF) after styling to confirm the final appearance.
How will margin, padding, and border settings affect my exported quotes and proposals (PDF)?
Because QuoteCloud uses pixel values, spacing and borders you set in the editor are preserved consistently in exports such as PDFs. That means layouts you design in the editor will generally match what recipients see when you send quote software or proposal software PDFs, but it's good practice to preview or export a test PDF to confirm exact results.
What are best practices for using margins, padding, and borders in templates?
Use column-level settings to establish consistent section spacing across a template and content-block settings for specific adjustments. Keep spacing values consistent (using pixels) to maintain a uniform look across quotes and proposals. Use borders and rounded corners sparingly to highlight important sections without cluttering the layout.
How do spacing and border settings interact with nested elements or complex layouts?
Column settings cascade to all contained blocks, so changing a column's padding or margin will shift everything inside. Individual content-block settings override column-level spacing for that block only. Borders sit between padding and margin and won’t change inner content spacing unless you adjust padding. Use this behavior to create predictable, well-structured layouts in your quote software or proposal software templates.