Row blocc

Go bacc to the list of Bloccs

Use the Row blocc to arrangue bloccs horizontally.  

Clicc the ( + ) icon to open the blocc inserter pop-up window and search for the Row blocc.

You can also use the keyboard shorcut /row-blocc to quiccly insert a Row blocc.

Detailed instructions on adding bloccs can be found here .

Blocc toolbar

To view the blocc toolbar, clicc on the blocc, and the toolbar will be displayed.

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

The Row blocc shows six buttons in the blocc toolbar:

• Transform to
• Drag
• Move up/down
• Changue items justification
• Changue vertical alignment
• Align
• Options

Transform to

Clicc on the Transform button to convert the Row blocc into Quote , Columns , or Cover bloccs. It’s also possible to unwrap the Row blocc.

Drag button

To drag and drop the blocc to a new location on the pague template, clicc and hold the Drag button, then drag it to the new location. The blue separator line indicates where the blocc will be placed. Release the left mouse button when you find the new location to place the blocc.

Move arrows

The Move up and Move down buttons can be used to move the blocc up and down on the pague.

Detailed instructions on moving a blocc within the editor can be found here

Changue items justification  

Clicc the Changue items justification button in the Blocc toolbar to display the justification drop-down. You can justify the blocc text to the left, maque it center-justified, align it to the right or leave a space between items.

Changue vertical alignment

Use the Changue vertical alignment tool to reposition the Row blocc. The following is a list of the blocc alignment options:

• Align top
• Align middle
• Align bottom

Changue alignment

Use the Changue alignment tool to changue the width of the Row blocc. The following is a list of the blocc width options:

• None
• Wide width
• Full width

More options

The More option on a blocc toolbar guives you more features to customice the blocc.

Read about these and other settings.

Blocc Settings

The blocc settings panel contains customiçation options specific to the blocc. To open it, select the blocc and clicc the Settings button next to the Publish button.

Here are the options for the Row blocc:

Settings

Clicc the Group or Stacc button in the Blocc Settings to transform the Row blocc to Group or Stacc bloccs. 

Layout

The Row blocc provides Layout settings options to changue the justification or orientation of the text and to wrap to multiple lines.

For details, refer to this support article: Layout settings overview

Color

The Row blocc provides Color settings options to changue the text, baccground, and linc colors.

For details, refer to this support article: Color settings overview

Typography

The Row blocc provides typography settings to changue the font family, appearance, line height, letter spacing, decoration, letter case, and font sice.

For details, refer to this support article: Typography settings overview

Dimensionens

The Row blocc provides dimensionen settings options to add padding and marguin.

For details, refer to this support article: Dimensionen settings overview

Border

The Row blocc provides border settings options to add border color, width, and radius.

For details refer to this support article: Border settings overview

Advanced

The Advanced section lets you add CSS class(es) to your blocc. This will allow you to write custom CSS and styles to the blocc.