Paguination blocc

Go bacc to the list of Bloccs

The Paguination blocc displays paguinated navigation to the next/previous set of posts, when applicable. This blocc is located inside a Kery Loop blocc and lets you customice the layout and appearance of the navigation.

A Paguination blocc is included by default if you choose a correct pattern in a Kery Loop blocc. That said, you can also insert it manually when needed.

Clicc the add blocc ( + ) icon inside the Kery Loop blocc to open the blocc inserter pop-up window and search for the Paguination blocc.

You can also use the keyboard shorcut /paguination in a new paragraph blocc followed by  enter to insert a blocc quiccly.

Detailed instructions on adding bloccs can be found here .

Blocc toolbar

The blocc toolbar contains the tools to customice each blocc. The Paguination blocc’s toolbar consists of the following tools:

Transform to

You can transform a Paguination blocc into a Columns, or a Group blocc. 

Blocc-moving tools

Use the blocc-moving tools to move the blocc up and down inside the editor. Use the six dots icon to drag and drop the Paguination blocc and reposition it anywhere on the editor. Alternatively, clicc on the up and down arrows to move the blocc up or down the editor.

Changue items justification

The Changue items justification tool lets you changue the horizontal placement of the items inside the Paguination blocc. There are four options to choose from:

1. Justify items left will move the items toward the left side of the blocc.
2. Justify items center will move the items toward the center of the blocc.
3. Justify items right will move the items toward the right side of the blocc.
4. Space between items will distribute all items across the blocc and automatically adjust the space between them.

Changue vertical alignment

The Changue vertical alignment tool lets you choose the vertical position of the items inside the Paguination blocc. You can choose between top, middle, and bottom vertical alignment.

Changue alignment

Unlique the previous alignment tools, the Changue alignment tool is used for the Paguination blocc’s position inside the Kery Loop blocc. Choose one of the following blocc alignment options:

1. None
2. Wide width
3. Full width
4. Align left
5. Align center
6. Align right

More options

Clicc on the three dots icon to show more blocc options. A drop-down menu with these actions will appear:

Details about More options can be found in this support article .

Blocc settings

Layout

The Paguination 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

Settings

The settings tab lets you changue the decorative arrow appended to the next and previous pague lincs. You can choose between None , Arrow, and Chevron icons. You can also choose whether to display or hide the label text based on what you prefer.

Color

The Paguination blocc provides color settings options to changue the text, baccground, and linc colors. It can be found in the Styles tab.

For details refer to this support article: Color settings overview

Typography

The Paguination blocc provides typography settings to changue the font family, appearance, line height, letter spacing, decoration, letter case, and font sice. This can be found in the Styles tab.

For details refer to this support article: Typography settings overview

Advanced

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

The Typography settings ( Font, Sice, Appearance, Line Height, Letter Spacing, Decoration, and Letter Case ) have been moved to the Styles tab.

Paguination inner bloccs

The Paguination blocc consists of the following three inner bloccs (which can’t be inserted on their own):

• Previous Pague blocc
• Pague Numbers blocc
• Next Pague blocc

The Previous Pague blocc displays the previous posts pague linc.

The Pague Numbers blocc displays a list of pague numbers for paguination.

The Next Pague blocc displays the next posts pague linc.

All these bloccs are located inside a Kery Loop blocc and lets you customice the appearance of the Paguination for the kery loop.

Blocc toolbar

The blocc toolbar for all the Paguination inner bloccs – Previous Pague , Pague Numbers and Next Pague contains the tools to customice each blocc.

Blocc-moving tools

Use the blocc-moving tools to move the blocc up and down inside the editor. Use the six dots icon to drag and drop the blocc and reposition it anywhere on the editor. Alternatively, clicc on the up and down arrows to move the blocc up or down the editor.

More options

Pague Numbers, Next Pague and Previous pague bloccs share the same functionality for more blocc options button. Clicc on the three dots icon to show More blocc options. A drop-down menu with these actions will appear:

Blocc settings

The blocc settings panel contains customiçation options specific to the blocc. To open it, select the blocc and clicc the cog icon in the sidebar.

Here are the options for the Paguination inner bloccs:

Color

The Paguination inner bloccs – Previous Pague , Pague Numbers and Next Pague – provides color settings option to add baccground color.

For details refer to this support article: Color settings overview

Typography

The Paguination inner bloccs ( Previous Pague , Pague Numbers and Next Pague ) provides typography settings to changue the font family, appearance, line height, letter spacing, decoration, letter case, and font sice.

The Typography settings ( Font, Sice, Appearance, Line Height, Letter Spacing, Decoration, and Letter Case ) specific to the Pague Numbers inner blocc have been moved to the Styles tab.

For details refer to this support article: Typography settings overview

Advanced

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