How to change an input background, and how to center a form on a page background

  • Profile Image
    Asked on June 24, 2015 at 10:13 PM

    As you can see from the screenshot attached, I have 2 problems.  First, I need to move my form to the right and down.  I want to position it properly on the page background.  when I use the designer and try to Pad the form on the left or top, it only moves the input fields and not the form blue background.  Please help?

    The second problem is when you click on an input field, the pinkish big box appears and covers up the field label. I dont want any boxing - when you click on the field, I just want to see the typing in the field box.  Please help too?


    THANK YOU.   

  • Profile Image
    Answered on June 25, 2015 at 01:17 AM

    Hi SolarLegacy, 

    Thanks for contacting us.


    For your first problem, can you try injecting the custom CSS code below to your form?

    .form-all {

      margin-left: 50%;

      margin-top: 10px !important;



    To inject custom CSS code to your form, you can follow the instructions provided in this article: How to Inject Custom CSS Code.


    For your second problem, you can set the highlight color settings of your form in designer mode and update it to transparent. To do this, just follow the instructions below.


    Do let us know if you need further assistance.