--- title: Can I change the style of my pagination buttons? | Paperform Help Center | Paperform description: You can change the styling of your form's pagination buttons under Theme & Appearance → UI Elements → Pagination Buttons. url: "https://paperform.co/help/articles/can-i-change-the-style-of-my-pagination-buttons" type: static generatedAt: "2026-04-04T00:42:00.913Z" --- Can I change the style of my pagination buttons? ### Appearance & Theming You can change the style of your form's pagination buttons in your Theme & Appearance settings. ### How to change pagination button styles Navigate to Theme & Appearance → UI Elements → Pagination Buttons to update the style of your Pagination buttons. The styling options available for your pagination buttons differ between *Standard* (Classic form) and *Guided Mode* (One-at-a-time). To check which mode is enabled on your form, click Theme & Appearance - the selection will be listed under the heading "Form Experience." ### Standard Mode (Classic form) We offer a variety of pagination button styles for Standard Mode - all of which can be found below: - **Buttons Only** - This option displays a simple arrow button to move between pages. ![A button with curved edges containing an arrow pointing to the right.](https://img.paperform.co/fetch/f_auto,w_1400/https://d3gw2uv1ch7vdq.cloudfront.net/img/pagination-button-only.png) - **Buttons Only (with Total Price)** - This option is similar to *Buttons Only*, except the total price of your form will be displayed alongside the arrow. ![A button with curved edges containing an arrow pointing to the right, alongside a label that reads "$10.00" within the same button.](https://img.paperform.co/fetch/f_auto,w_1400/https://d3gw2uv1ch7vdq.cloudfront.net/img/pagination-button-price.png) *You can enable this button style with the option "Shows total price in the next page button".* ![A toggle option titled "Shows total price in the next page button"](https://img.paperform.co/fetch/f_auto,w_1400/https://d3gw2uv1ch7vdq.cloudfront.net/img/pagination-price-label.png) - **Numbers** - This option displays a row of numbers between standard arrow pagination buttons to navigate between pages. ![A row of four buttons with curved ends. The two buttons at either end have arrows pointing left and right relative to their position in the row, and the two buttons remaining in the middle have the labels "1" and "2".](https://img.paperform.co/fetch/f_auto,w_1400/https://d3gw2uv1ch7vdq.cloudfront.net/img/pagination-numbers.png) - **Progress Bar** - This option will display a progress bar between the two standard pagination buttons on your form. ![A row of two buttons, between them is a two-tone bar indicating the respondent's progress in completing the form. The two buttons at the end contain left and right-pointing arrows according to their relative position on the row.](https://img.paperform.co/fetch/f_auto,w_1400/https://d3gw2uv1ch7vdq.cloudfront.net/img/pagination-progress.png) ### Guided Mode (One-at-a-time) If your form has Guided Mode enabled, pagination styling is limited to three options. These options are listed below: - **Include a back button** - This will allow a respondent to move back to previous pages. ![A white circular back button will appear to the left of the standard button in Guided Mode](https://img.paperform.co/fetch/f_auto,w_1400/https://d3gw2uv1ch7vdq.cloudfront.net/img/guided-pagination-back.png) - **Include progress bar** - This will include a progress bar at the top of the screen. ![A progress bar using your form's active color whill be displayed across the top of your screen.](https://img.paperform.co/fetch/f_auto,w_1400/https://d3gw2uv1ch7vdq.cloudfront.net/img/guided-pagination-progress.png) - **Include page numbers** - This will display the number of the current page, and how many are left. ![The current page and the total number of pages will be displayed as a fraction. For example, 1/6.](https://img.paperform.co/fetch/f_auto,w_1400/https://d3gw2uv1ch7vdq.cloudfront.net/img/guided-pagination-page-numbers.png) ### Custom CSS On specific [pricing plans](https://paperform.co/pricing/), you have the option to use [Custom CSS](https://paperform.co/help/articles/what-is-html-and-css/) on your forms. Custom CSS allows you to completely customize the look and feel of your forms, which can be useful for creating pagination buttons that match your specific branding requirements. ### Related Articles [Can I add a progress bar to my form? You can add a progress bar in Theme → UI Elements → Pagination Buttons → Pagination Style, and choose Progress Bar.](/help/articles/progress-bar/) [How do I hide the total price on the submit and next page buttons? Total price will be displayed by default in the submit and next page buttons. Either or both can be toggled off under Theme → UI Elements.](/help/articles/how-do-i-turn-price-totals-on-or-off-for-single-and-multiple-page-forms/) [Can I fully customize the language and wording of forms, including the UI & buttons? You can create, edit, and manage all of your translations under Account Settings → Translations. You can then apply these to forms from Theme & Appearance.](/help/articles/language-and-wording-of-forms/) [[old]How do I style my form? Paperform gives you a lot of control over how your form looks and behaves. Here's how you can style and change design elements in your forms.](/help/articles/how-do-i-theme-my-form/) [Can I style the submit button for the "One-at-a-time" form experience? When using Paperform's "One-at-a-time" form experience (previously Guided Mode), the Submit Button options slightly differ from the "Classic" form experience. The available options can be found under Theme & Appearance → UI Elements → Submit Button.](/help/articles/can-i-style-the-submit-button-on-guided-mode/)