How to add and customize borders around sections

 

Disclaimer: The beehiiv platform has evolved since the filming of this video, so parts of the user interface featured in the video will be slightly different than what you see in your account. In particular, when accessing the post editor for the below instructions, you would go to Posts from the left hand panel in your account, or click on the Start Writing button.

 

To add borders around specific sections in your post:

  1. Highlight all of the content you want to group together within a border 
  2. Click on the 6 dots icon next to the + sign to access the sections menu, then click “Group to section”

  1. Click on the six dots icon next to your section, and then choose “Visual settings” to customize the section’s:
    • Spacing
    • Border
    • Background Color
    • Text Color

 

  1. Customize your border style:
    • Radius (to make the edges more or less curved)
    • Thickness
    • Style
    • Color

 

  1. Customize the spacing of your border:
    • Inner spacing is the space between the text content in the grouping and the top and bottom of the border
    • Outer spacing is the space above and below each grouping

 

  1. Advanced: you can click the icon next to the spacing option to customize spacing for all four sides (if you want to have different padding on the top vs bottom or left vs right):

Screenshot_2023-06-01_at_1.58.22_PM.png

 

  1. Advanced (continued): you can also click the icon next to the borders option to customize the radius & thickness of the border for each side/corner:

 

End Result:

Screenshot_2023-06-01_at_1.56.30_PM.png

Was this article helpful?