Setting Borders for Rows, Columns, and Content Blocks
This guide explains how to set and style borders for rows, columns, and content blocks in QuoteCloud, including options for width, colour, and line style to improve document presentation.
Â
Â
FAQ — Setting Borders for Rows, Columns and Content Blocks
What elements can I apply borders to in the Document Editor?
You can apply borders to rows, columns and individual content blocks within the Document Editor. Each element has its own border settings so you can style container-level borders (rows/columns) and the borders around specific blocks separately.
Where do I find the border settings for an element?
Select the row, column or content block in the editor canvas, then open the element's properties panel. The border controls (style, width, color, side selection and radius) are available in that panel. For related layout controls such as padding and margins, see more information.
What border properties can I change?
The editor exposes common border properties: border style (solid, dashed, etc.), border width (thickness), border color, which sides the border applies to (top/right/bottom/left), and border radius for rounded corners. Use the same element properties panel to set these values.
Can I apply different borders to each side of an element?
Yes — the border controls allow per-side selection so you can apply distinct borders to the top, right, bottom or left edge of a row, column or content block.
How do borders interact with padding and margins?
Borders are rendered between an element's content/padding and the outside margins. If you need spacing inside or outside the border, adjust the element's padding (space inside the border) or margins (space outside the element). For guidance on these related settings, see more information.
How does border radius (rounded corners) work?
Border radius rounds the corners of the border on the selected element. You can typically set a uniform radius or specify different radii per corner depending on the control provided in the properties panel.
Will borders on nested elements (for example a content block inside a column) conflict?
Rows, columns and content blocks each maintain their own border settings. If both a container and a nested element have borders, both will be visible; styling and layout (including padding and margin) determine how they appear together. To control visual hierarchy, set colors, widths and spacing deliberately for nested elements.
How do I remove a border from an element?
Open the element's border settings in the properties panel and either set the border width to zero, change the border style to "none", or clear the color/style controls provided by the editor to remove the visible border.
Can I preview how borders will look on different devices?
The Document Editor provides responsive previews. After setting borders, use the editor's device preview modes to verify how borders and spacing behave on different screen sizes. Adjust padding, margin and border radius as needed for each breakpoint.
Where can I learn more about padding and margins (which often work with borders)?
See the guides that cover padding and margins for detailed interactions and examples: more information and more information.
What should I do if borders are not showing as expected?
Check the selected element to ensure a border style and width are set (not "none" or zero). Verify the border color contrasts with the background. Also check parent and child elements' padding and margins that may hide or overlap borders. If issues persist, try previewing in the responsive modes or consult related layout guides for troubleshooting.
Are there any accessibility considerations for using borders?
Make sure border colors provide sufficient contrast with adjacent backgrounds so content boundaries are perceivable. Use borders as a visual aid in addition to other cues (spacing, headings) rather than the sole indicator of structure.
Where can I find step‑by‑step instructions and examples?
Step‑by‑step instructions and examples for borders, padding and margins are available in the Document Editor section of the user guide. For specific guidance on padding and margins, see more information and more information.
References to other relevant user guides
Document Editor — Margins, Padding and Borders (overview)
Setting Padding for Rows, Columns and Content Blocks — more information
Setting Margins for Rows, Columns and Content Blocks — more information