How do I add text to the pagination buttons?

We don't support adding text to the pagination buttons in the Theme editor, however, there are several other options for customizing the pagination button style on your forms.

Custom CSS gives you a greater amount of control over your button appearance, including adding text.

Theme Editor

You can configure the pagination appearance to include numbers or a progress bar. To do this, go to Theme & Appearance (upper-left) → UI Elements → Pagination Buttons and choose your preferred style.

The following options are available:

• Buttons Only
• Numbers
• Progress Bar

Check out our article on changing the style of pagination buttons for more information on these options.

Custom CSS

This feature is exclusively available with specific pricing plans.

You can add text to your pagination buttons or change their shape and size with Custom CSS. You can enable Custom CSS by going to Theme & Appearance → Custom CSS → Enable Custom CSS → Edit CSS. Here is an example CSS code to get you started:

.Pagination__btn.Pagination__btn--next:before {
    content: "Next";
    color: white;
    vertical-align: top;
}

.Pagination__btn.Pagination__btn--previous:before {
    content: "Back";
    color: white;
    vertical-align: top;
}