Align buttons on your site

Customize the alignment and positioning of buttons on your site. In this guide, you will learn how to align buttons as well as set the width for individual buttons.

You can set the width and positioning of buttons within the Buttons block. Follow these steps to align your site’s buttons:

1. Use the List View to select the Buttons block.

2. In the toolbar that appears, choose from the following alignment options:
   • Align: Set the maximum width of the buttons container.
   • Justification: Align individual buttons left, center, right, or evenly spaced within the Buttons block.
   • Vertical alignment: Align buttons top, middle, bottom, or stretch to fill within the Buttons block.

3. In the block settings sidebar on the right, select:
   • Orientation: Display buttons side by side (horizontal) or stacked (vertical).
   • Allow to wrap multiple lines: enable this option to wrap buttons onto multiple lines when space is limited (like on mobile devices).  

To set the width of an individual button:

1. Use the List View to select an individual button within the Buttons block.

2. In the block settings sidebar on the right, choose a width of 25%, 50%, 75%, or 100% of the Buttons block container.

1. Use the List View to select an individual button within the Buttons block.

2. In the block settings sidebar on the right, select the Settings options icon (⋮).
3. Click Reset next to the Width option.