How could I fix a background image of a page on my form?

  • Profile Image
    truebatman
    Asked on October 11, 2016 at 07:37 PM

    Everything have to work and it works on preview, but embed on my website it is not working, it is not fixed.

     

    Thank you for your reply.

  • Profile Image
    ashwin_d
    Answered on October 11, 2016 at 10:30 PM

    Hello truebatman,

    I did test your last edited form with it's direct URL and the background image seems to display correctly. Please check the screenshot below:

     

    Please share the webpage URL where you have embedded your form and we will take a look.

    We will wait for your response.

    Thank you!

  • Profile Image
    truebatman
    Answered on October 12, 2016 at 06:05 AM

    Here is the link:

     

    http://pis.kingsize-trading.com/form.html

    I guess it's all about css, but still can't understand what exactly goes wrong.

    Thank You.

  • Profile Image
    seth
    Answered on October 12, 2016 at 08:02 AM

    In your web page, you are scrolling down your web page, not the form. If the form is scrolled down, the background image could be set to stay fixed, however when you embed it, the property becomes useless.

    There are two thing that I can suggest:

    1) try to add background image to the web site instead if form

    2) try to adding '!important' to your css, which will override other styles:

     

     background-attachment : fixed !important;

     

    Please note that this code probably won't work.

    Please contact us again if these solutions won't provide what you need.

    Cheers.