Help with simple form edits

Hello,

Please have a look at my attached screenshot. 3 simple things I want to do.

- Remove upper line

- Center Buttons on page

- Grey out Back button

I was able to center the buttons.

But on the first page I have the "Back" button hidden, this makes the next button skew to the right. Is there any way to fix this?

I assume that you wish to do this on all of your form's pages. We can do these tweaks by adding some custom CSS to your form.

To remove the upper line on the headers, you can use this code:

.form-header-group { border-top: none !important; }

To center page break buttons on your page, please try the following. Second line is for making sure it is centered on the first page as well:

.form-pagebreak.form-pagebreak { text-align: center !important; }
#cid_53 .form-pagebreak-back-container { display: none !important; }

To gray out Back buttons, please use:

.form-pagebreak-back { background-color: #aaa !important; }

The form should look like this with these codes added:

Please let us know if you need further assistance. :)

Fantastic! Thanks Boris,

Everything worked perfectly.

You are kindly welcome, I am glad to hear that you are happy with the results.

As always, feel free to contact us again should you need any assistance with your forms, we are happy to help.