My form is not centered

  • docaviv
    Asked on February 9, 2020 at 10:19 AM

    Hello - my form appears to be centered when in edit mode. However, when I publish or preview it is not (both text and image). Please advise how to fix. Thank you.

  • Albert_G
    Replied on February 9, 2020 at 11:19 AM

    Hi docaviv.

    Your form's CSS sets all the elements to align on the right side this causes the image (500x359) to do so as well. 

    To fix this, you need to create a custom CSS code for the form-image.

    You can update your CSS code with the following to center your image.

    .form-image {
      display: block;
      margin-left: auto;
      margin-right: auto;
      width: 100%;
      height: 100%;
    }


    Please let us know if you require further assistance.

    Thank you.