How Can I Make the Text of Page Break Buttons ('Next' and 'Back') Lowercase?

  • Profile Image
    Asked on March 28, 2015 at 12:29 PM

    I see a lot of stuff in the Form Designer to help me style those, but the words themselves seem to be automatically structured like the first one in a sentence, "Back," etc.


    I just want "back," "next," etc.


    What is the easiest way to do that?  Thanks!


    edited to add:  I see you can change the button text itself in the Builder.  It's structured the way I don't want it now, "Back," etc.  Am I just supposed to change every single one of those in the Builder, or is there some CSS I can apply someplace to tell all the buttons to stop uppercasing?  Or . . . is doing it with CSS instead of editing each button in the Builder a bad idea?

    (Basically, I don't know the correct and best practices strategy to do this.  If I should just fix this in the Builder, if that's the correct strategy, please just tell me that, thanks!)

  • Profile Image
    Answered on March 28, 2015 at 04:32 PM

    Adding the following rule to your form's CSS would do that:

    .form-pagebreak-next {
        text-transform: lowercase;

    If you need further help with this or anything else JotForm related, we'd be happy to provide it.


  • Profile Image
    Answered on March 29, 2015 at 10:01 AM

    Thanks, that's very helpful!


    As for "further help," I did actually ask another question in another thread last night about 12 hours ago that's still unanswered.  Did that one get lost in the mix? Have I exceeded my question allowance?


    If someone could answer my still outstanding question too, that'd be swell, thanks!

  • Profile Image
    Answered on March 29, 2015 at 01:26 PM


    You are welcome. It's our pleasure to help.

    Please go to our forum homepage: and click "My Questions" to view your forum threads: