Help with simple form edits

  • Profile Image
    art_crate
    Asked on July 03, 2015 at 09:35 PM

    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

  • Profile Image
    art_crate
    Answered on July 03, 2015 at 11:36 PM

    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?

  • Profile Image
    Boris
    Answered on July 03, 2015 at 11:42 PM

    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. :)

  • Profile Image
    art_crate
    Answered on July 03, 2015 at 11:48 PM

    Fantastic! Thanks Boris,

    Everything worked perfectly.

  • Profile Image
    Boris
    Answered on July 04, 2015 at 01:00 AM

    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.