How do I hide the page title or page numbers when using progress bar?

SELECTED ANSWER

replied on November 28, 2017 • Show version history

Try adding this to your CSS

.cf-pagination-bar--indicator,
.cf-pagination-bar--title {
    display:none !important;
}

Or, if you want to keep the spacing and just hide the text

.cf-pagination-bar--indicator,
.cf-pagination-bar--title {
    visibility:hidden !important;
}

EDIT: updated to correct the class selectors

2 0

replied on November 28, 2017

thanks! had to make a small change to the code.

.cf-pagination-bar--indicator,
.cf-pagination-bar--title {
    visibility:hidden !important;
}

0 0

replied on November 28, 2017

I always miss something lol

1 0

replied on March 8, 2023

Here is updated code for Cloud New Form format.

/* Hides Page Name in Progress Bar */

.form-progress-bar-title {
    visibility:hidden !important;
}

/* Hides Page 1 of X in Progress Bar */

.form-progress-bar-indicator {
    visibility:hidden !important;
}

0 0

Question

Question

How do I hide the page title or page numbers when using progress bar?

Answer

Replies

Sign in to reply to this post.