Centering Next/Previous Button

  • Resolved bentamihai

    (@bentamihai)


    4 years, 10 months ago

    Hello, first of all thank you for you amazing work, I’ve tried all day to center the next/previous button and didn’t find a solutions to make it look ok, also to be responsive in mobile view, any tips? thanks in advance!

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author codepeople

    (@codepeople)

    Hello @bentamihai

    Please, include a screenshot about the way you want to display the next/previous buttons (but, please, remember that if your form includes multiple pages, the intermediary pages would include both buttons, the next and previous pages buttons)

    Best regards.

    Thread Starter bentamihai

    (@bentamihai)

    hello, thanks for you response, here is the link to my website :
    site
    So I disabled the float:left of the button and as you can see it is full width, I want to center it and make it ”smaller” reducing the width of the button on both sides simetrically.

    Plugin Author codepeople

    (@codepeople)

    Hello @bentamihai,

    You simply should to define the width of these buttons, in addition to your modifications. For example, enter the style definition below into the “Customize Form Design” attribute in the “Form Settings” tab (https://cff.dwbooster.com/images/documentation/form-settings-tab.png):

    
#fbuilder .pbPrevious, #fbuilder .pbNext{
    width:200px !important
}

    Best regards.

    Thread Starter bentamihai

    (@bentamihai)

    Oh God, that was way easier than I expected, thanks alot!

    • This reply was modified 4 years, 10 months ago by bentamihai.
Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Centering Next/Previous Button’ is closed to new replies.