Setting Margins, Padding, and Borders for Containers, Columns, and Content Blocks

Setting margins, padding and borders for containers, columns, and content blocks — FAQ

What is the difference between margin, padding, and border?

• Margin: Space outside an element, keeping it away from other elements.

• Padding: Space inside an element, between the content and its border.

• Border: The visible line around an element.

Do margins and padding behave differently for columns versus single content blocks?

Yes. In QuoteCloud:

• Columns: Margins and padding affect the entire column and all the content inside it. Changing them shifts the spacing for everything in that column.

• Single content blocks: Margins and padding only affect that specific block, not other blocks around it.

Can I set different values for top/right/bottom/left sides individually?

Yes. You can set each side’s margin or padding separately, as shown in the guide.

What units can I use (pixels, percent, em/rem)?

Currently, only pixels (px) are supported for margins, padding, and borders in the QuoteCloud editor. This ensures consistent spacing across all devices and layouts.

Can I apply borders, rounded corners, or remove borders entirely?

Yes. You can create rounded corners by setting a border-radius value, and remove borders by setting the border style or width to 0.

What should I check if my border color or width isn't showing as expected?

• Make sure the border has a visible color (not just white).

• Check the transparency/opacity in the color picker if it’s set too low, the border may appear invisible.

• Confirm that the border width is greater than 0.