Title: Stack block
Author: Femy Praseeth
Published: November 28, 2022
Last modified: June 8, 2024

---

# Stack block

## In this article

 * [Block Toolbar](https://wordpress.org/documentation/article/stack-block/?output_format=md#block-toolbar)
    - [Transform to](https://wordpress.org/documentation/article/stack-block/?output_format=md#transform-to)
    - [Moving handles](https://wordpress.org/documentation/article/stack-block/?output_format=md#moving-handles)
    - [Change items justification ](https://wordpress.org/documentation/article/stack-block/?output_format=md#change-items-justification)
    - [Change vertical alignment](https://wordpress.org/documentation/article/stack-block/?output_format=md#change-vertical-alignment)
    - [Align](https://wordpress.org/documentation/article/stack-block/?output_format=md#align)
    - [Options](https://wordpress.org/documentation/article/stack-block/?output_format=md#options)
 * [Block settings](https://wordpress.org/documentation/article/stack-block/?output_format=md#block-settings)
    - [Settings](https://wordpress.org/documentation/article/stack-block/?output_format=md#settings)
    - [Layout](https://wordpress.org/documentation/article/stack-block/?output_format=md#layout)
    - [Position](https://wordpress.org/documentation/article/stack-block/?output_format=md#position)
    - [Color](https://wordpress.org/documentation/article/stack-block/?output_format=md#color)
    - [Typography](https://wordpress.org/documentation/article/stack-block/?output_format=md#typography)
    - [Dimensions](https://wordpress.org/documentation/article/stack-block/?output_format=md#dimensions)
    - [Border](https://wordpress.org/documentation/article/stack-block/?output_format=md#border)
    - [Advanced](https://wordpress.org/documentation/article/stack-block/?output_format=md#advanced)
 * [Changelog](https://wordpress.org/documentation/article/stack-block/?output_format=md#changelog)

[ Back to top](https://wordpress.org/documentation/article/stack-block/?output_format=md#wp--skip-link--target)

[Go back to the list of **Blocks**](https://wordpress.org/documentation/article/blocks/)

_Stack_ block is one of the container blocks that can be used to nest other blocks
vertically. As a container block, it’s possible to transform a _Stack _block into
a _Group_ or _Row _block without changing the content of the block.

![Stack block on the editor](https://wordpress.org/documentation/files/2023/05/stack.
png)

Click the block inserter **(+)** icon to open the block inserter pop-up window and
search for the _Stack _block. 

![Adding and using a stack block](https://wordpress.org/documentation/files/2023/
05/stack-block.gif)

You can also use the keyboard shortcut /stack-block to quickly insert a _Stack _block.

Detailed instructions on adding blocks can be found [here](https://wordpress.org/documentation/article/adding-a-new-block/).

## 󠀁[Block Toolbar](https://wordpress.org/documentation/article/stack-block/?output_format=md#block-toolbar)󠁿

To view the block toolbar, click on the block, and the toolbar will be displayed.

Every block comes with unique toolbar icons. These block-specific controls allow
you to manipulate the block right in the editor.

The Stack block shows the following buttons in the block toolbar:

![Stack block toolbar](https://wordpress.org/documentation/files/2023/05/image-41.
png)

 * Transform to
 * Moving handles
 * Change items justification
 * Change vertical alignment
 * Align
 * Options

### 󠀁[Transform to](https://wordpress.org/documentation/article/stack-block/?output_format=md#transform-to)󠁿

![Stack block transform options](https://wordpress.org/documentation/files/2023/
05/image-43.png)

Click on the “Transform” button to convert the _Stack_ block into “Quote”, “Columns”,
or “Cover” blocks. It’s also possible to unwrap the _Stack_ block.  

### 󠀁[Moving handles](https://wordpress.org/documentation/article/stack-block/?output_format=md#moving-handles)󠁿

The dotted icons can be used to drag and drop a block to the place of your choosing.
The up and down arrow icons can be used to shift a block up and down in your document.

![Block moving handles](https://wordpress.org/documentation/files/2023/05/image-
42.png)

[Get more information about moving a block within the editor.](https://wordpress.org/documentation/article/moving-blocks/)

### 󠀁[Change items justification ](https://wordpress.org/documentation/article/stack-block/?output_format=md#change-items-justification)󠁿

![Justification settings for stack block](https://wordpress.org/documentation/files/
2023/05/image-44.png)

Click the “Change items justification” button in the Block toolbar to display the
justification drop-down. You can justify the block text to the left, make it center-
justified, align it to the right, or stretch it.

### 󠀁[Change vertical alignment](https://wordpress.org/documentation/article/stack-block/?output_format=md#change-vertical-alignment)󠁿

![Vertical alignment settings for stack block](https://wordpress.org/documentation/
files/2023/05/image-45.png)

 * **Align top – **Make the block vertically aligned top**.**
 * **Align middle – **Make the block vertically aligned middle**.**
 * **Align bottom – **Make the block vertically aligned bottom**.**
 * **Space between **–** **Leave a space between blocks. Remember that this option
   is only available for the parent _Stack _block. 

### 󠀁[Align](https://wordpress.org/documentation/article/stack-block/?output_format=md#align)󠁿

![Alignment settings for stack block](https://wordpress.org/documentation/files/
2023/05/width-sttings.png)

Use the change alignment tool to change the width of the _Stack _block. The following
is a list of the block width options:

 * None
 * Wide width
 * Full width

### 󠀁[Options](https://wordpress.org/documentation/article/stack-block/?output_format=md#options)󠁿

The Options button on a block toolbar gives you more features to customize the block.

[Read about these and other settings.](https://wordpress.org/documentation/article/more-options/)

## 󠀁[Block settings](https://wordpress.org/documentation/article/stack-block/?output_format=md#block-settings)󠁿

The block settings panel contains customization options specific to the block. To
open it, select the block and click the cog icon next to the Publish button.

![Block settings icon on the editor](https://wordpress.org/documentation/files/2023/
05/block-settings-icon.png)

Here are the options for the **Stack** block:

### 󠀁[Settings](https://wordpress.org/documentation/article/stack-block/?output_format=md#settings)󠁿

Click **Group** or **Row** button in the Block Settings to transform the _Stack 
_block to _Group _or _Row _blocks. 

[⌊Stack block settings to transform to row or group⌉⌊Stack block settings to transform
to row or group⌉[

### 󠀁[Layout](https://wordpress.org/documentation/article/stack-block/?output_format=md#layout)󠁿

The _Stack _block_ _provides Layout settings options to change the justification
or orientation of the text and to wrap to multiple lines.

![Layout settings on the stack block settings panel](https://wordpress.org/documentation/
files/2023/05/layout.png)

For details, refer to this support article: [Layout settings overview](https://wordpress.org/documentation/article/layout-settings-overview/)

### 󠀁[Position](https://wordpress.org/documentation/article/stack-block/?output_format=md#position)󠁿

The position setting is only available when the _Stack_ block is located at the 
root-level. The drop-down menu has two options: **Default** and **Sticky**. If the
Sticky option is selected, the _Stack_ block will remain at the top of the window
when you scroll down the page.

![The position settings for stack block](https://wordpress.org/documentation/files/
2023/05/position.png)

### 󠀁[Color](https://wordpress.org/documentation/article/stack-block/?output_format=md#color)󠁿

The _Stack _block_ _provides Color settings options to change the text, background,
and link colors.

For details, refer to this support article: [Color settings overview](https://wordpress.org/documentation/article/colors-settings-overview/)

### 󠀁[Typography](https://wordpress.org/documentation/article/stack-block/?output_format=md#typography)󠁿

The _Stack _block_ _provides typography settings to change the font family, appearance,
line height, letter spacing, decoration, letter case, and font size.

For details, refer to this support article: [Typography settings overview](https://wordpress.org/documentation/article/typography-settings-overview/)

### 󠀁[Dimensions](https://wordpress.org/documentation/article/stack-block/?output_format=md#dimensions)󠁿

The _Stack _block provides dimension settings options to add padding, margin, and
block spacing.

For details, refer to this support article: [Dimension settings overview](https://wordpress.org/documentation/article/dimension-controls-overview/)

### 󠀁[Border](https://wordpress.org/documentation/article/stack-block/?output_format=md#border)󠁿

The _Stack _block provides border settings options to add border color, width, and
radius.

For details refer to this support article: [Border settings overview](https://wordpress.org/documentation/article/border-settings-overview/)

### 󠀁[Advanced](https://wordpress.org/documentation/article/stack-block/?output_format=md#advanced)󠁿

The **Advanced** tab lets you add HTML anchor and CSS class(es) to your block.

**HTML element** lets you choose the HTML element you want to be used for the _Stack
_block’s wrapper in the HTML code.

**HTML anchor** allows you to [make a unique web address](https://wordpress.org/documentation/article/page-jumps/)
just for this block, Then, you’ll be able to link directly to this section of your
page. This can be helpful for longer pages where visitors might want to click on
a link to go directly to a specific section.

The **Additional CSS class(es)** lets you add CSS class(es) to your block, allowing
you to write custom CSS and style the block as you see fit.

![Advanced tab in the Stack block](https://wordpress.org/documentation/files/2022/
11/Screenshot-2022-11-28-at-8.40.21-AM.png)

## 󠀁[Changelog](https://wordpress.org/documentation/article/stack-block/?output_format=md#changelog)󠁿

 * Updated 2023-05-23
    - Updated screenshots and content for 6.2
 * Created 2022-11-28

## Was this article helpful? How could it be improved? 󠀁[Cancel reply](https://wordpress.org/documentation/article/stack-block/?output_format=md#respond)󠁿

[Log in to submit feedback](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fdocumentation%2Farticle%2Fstack-block%2F&locale=en_US).
If you need support with something that wasn't covered by this article, please post
your question in the [support forums](https://wordpress.org/support/forums/).

First published

November 28, 2022

Last updated

June 8, 2024