Pagination Block

Description

A Pagination Block displays navigation options to indicate that the content continues on further pages. The most common use is a blog or products area, but it can be used anywhere that you have multiple pages of the same content.

When added, the Pagination Block will also add the following child blocks: a Page Numbers Block, a Next Page Block, and Previous Page Block. This set makes up the complete pagination navigation.

Configuration Options

Text Style Menu

Text Style

You can adjust the width of the tabs via the 0-12 slider.

Next/Previous Button Style

Padding controls the amount of interior space there is between the edge of the Tabs Block and its contents using a slider between 0 and 12. More about Padding.

Settings Menu

This area allows you to add a directional symbol before the Previous Page block and after the Next Page block. If you choose Arrow or Chevron, you’ll see the symbol in the editor. If you choose Shortcode, you must then click on Previous Page Block and Next Page Block to access the settings for each. From there, you can add Font Awesome icon shortcode.

Advanced

Additional CSS Class(es)

This allows you to enter a unique Class identifier, for custom CSS targeting within the theme to faciliate custom development. More about Theme Customizations.

It also enables the use of Foundry utility classes. More about Utility Classes.