White Label End User Guide
Markdown FilesDeveloper DocsDeveloper Login
  • Quick Start Guide for Content Builder
  • Builders
    • Design Builder Overview
    • Page Builder
      • Internal Links for Page Navigation
  • Manage Files
    • File Manager
      • How to Move Files
  • Design Tools
    • Undo, Redo, and History
    • Mobile Optimization Options
    • Mobile Design Mode
    • Configuring Settings
    • Borders
    • Padding
    • Hover Effect for Buttons
    • Content Area Padding
    • Line Height
  • Dynamic Content
    • Display Conditions
  • Content Blocks
    • Table
    • Forms
      • Form Layout Customization
    • Video
    • Icons
    • GIF Animations and Animated Stickers
    • Custom HTML
    • Paragraph and List Content Blocks
    • Titles
    • Menus
    • Images
    • Dividers and Spacers
    • Letter and Paragraph Spacing
  • Reuse Content
    • Saved Rows
    • Hosted Saved Rows
      • Glossary of Common Terms
    • Synced Rows
  • Structure Content
    • Row vs. Content Block Selection
    • Row Properties
    • Column Management
  • Design for any Language
    • Multi-language Templates
  • Preview Options
    • Preview Designs
    • Dark Mode Preview
  • Team Collaboration
    • Co-editing in the Builder
    • Content Locking
  • AI Tools for Content Creation
    • Apply a Brand Tone
    • AI-Generated Images
    • AI-Generated Metadata
    • Bulk Generate Alt Text with AI
    • AI Writing Assistant
    • Automatic Translations
Powered by GitBook

GitHub

  • Edit on GitHub
On this page

Was this helpful?

Export as PDF
  1. Design Tools

Borders

Last updated 1 year ago

Was this helpful?

Overview

Borders are not just decorative; they can also help delineate content and draw attention to specific elements in your design. In the builder, you can set borders both for rows and for individual elements like buttons. You have the choice to apply borders to all sides or specify different borders for each side.

Row-Level Border Customization

When your row comprises multiple columns, you'll need to set borders for each one individually.

  • Selecting a Row: Click outside the content area to select the entire row.

  • Column Selection: Your sidebar will display a menu showing the columns in the row. Choose the one you wish to modify.

Granular Control

  • Toggling More Options: Use the 'More options' toggle to specify which sides of the element will have borders.

  • Border Style: Choose from various styles including solid, dotted, or dashed lines.

  • Size and Color: Adjust the thickness and choose the color to make the border align with your design aesthetic.

Tip

Consistency is key; if you're setting up borders for multiple columns, ensure that the style complements the overall design.