Set buttons Send, Preview and Next in center of form.

  • Resolved Marin Marinov

    (@mpmarinov)


    4 months, 3 weeks ago

    Hello,

    does anyone have any idea how I can set the buttons that are standard and no new button in the center of the form?

    I have tried via the form settings, but without success.

    Thanks a lot!

    The page I need help with: [log in to see the link]

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

    (@codepeople)

    Hello @mpmarinov

    If you are referring to the “Next Page” and “Previous Page” buttons. You can enter the style definition below through the “Customize Form Design” attribute in the “Form Settings” tab:

    #fbuilder .pb0 .pbNext,
#fbuilder .pbPrevious{
	margin-left:50%;
}
#fbuilder .pbNext,
#fbuilder .pbPrevious,
#fbuilder .pbSubmit{transform:translateX(-50%);}

    Best regards.

    Thread Starter Marin Marinov

    (@mpmarinov)

    Hello,

    thanks for the answer. But it only works with step 1. My form is with several steps and to be precise they are 3.

    Unfortunately it does not work on the other two. It has even gotten worse….

    Plugin Author codepeople

    (@codepeople)

    Hello @mpmarinov

    Please use the !important; modifier to increase the CSS rules precedence:

    #fbuilder .pb0 .pbNext,
#fbuilder .pbPrevious{
	margin-left:50% !important;
}
#fbuilder .pbNext,
#fbuilder .pbPrevious,
#fbuilder .pbSubmit{transform:translateX(-50%) !important;}

    Best regards.

    Thread Starter Marin Marinov

    (@mpmarinov)

    I have also done it myself.

    Thank you.

    Plugin Author codepeople

    (@codepeople)

    Hello @mpmarinov

    Perfect. However, if you want to display the buttons side by side, the margin-left:50% !important; CSS rule must be assigned to every .pbPrevious button and the .pbNext button on the first page (.pb0).

    Best regards.

Viewing 5 replies - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.