Progress Bar Block — How to Center Circle Option in Center of Page?

[Curtis B.]

Curtis B.

August 9, 2023 at 4:47 pm

I’m trying out the new progress bar Kadence block, with the circle option.

It appears the way to reduce the size is to use the advance > Max Width setting. Is this correct? In this screenshot, you can see I changed it to Max Width 230px to get it small enough on the page to take up only a small amount of space.

Secondly, how do I get the circle progress bar to be centered in the middle of the page?

You can see I tried to use the “Align center” control in the settings above the block, but this doesn’t change its position — at least not when you choose “Align center.” And I don’t see any other options in the settings in the righthand side panel.

Is it required to stick the progress bar block inside of its own section or row and try and center it with one of these, such as with “text-align: center,” etc?

Thank you for any help on this!

• This topic was modified 2 years, 8 months ago by Curtis B..