Skip to main content

Border Customization: Color, Radius, and Thickness

Enhance your design and improve user experience with Stack's Border Customization feature. This tool gives you full control over the appearance of borders in your layouts, allowing you to adjust their color, radius, and thickness.

Table of Contents​

Key Features​

  • Border Color: Choose and apply custom colors to borders using the color picker or by entering a hex code.
  • Border Radius: Adjust the roundness of corners to create either sharp or curved edges.
  • Border Thickness: Set the width of the border for either a subtle or bold effect.

How to Use Border Customization​

Step 1: Access the Border Customization Settings​

  1. Open the Stack Email Builder.
  2. Select the layout or section you wish to customize.
  3. The Edit section will appear in the left panel.
  4. Navigate to the "Border Settings" section.

Step 2: Customize Border Properties​

  • Border Color: Click the color box to select a color.
  • Border Radius: Use the slider or input a value to round the edges.
  • Border Thickness: Adjust the width using the slider or by entering a numeric value.
  • Customize for an Edge: You can customize the border for a specific edge.

Step 3: Preview & Save​

  • Instantly preview your changes in the editor or send a test email.
  • Click "Save" to apply your changes.

FAQs​

  1. Can I set different border styles for different sides?
    Yes, you can customize each side individually.

  2. Is this available for all elements?
    No, this feature is available only in layouts.

  3. Will border settings affect responsiveness?
    No, border settings automatically adapt to different screen sizes.