I am trying to get my background picture to extend behind all my questions

I don't want to repeat the picture, I want to be able to have the picture stretch the length of my form. I don't want it to be white under the green, as I've said I want my picture to extend not repeat.

How can i do this?

Hi Daisy,

Thanks for reaching out to Jotform Support.

Please allow me some time to test and I will get back to you as soon as possible. Your patience and understanding is much appreciated.

Hi Daisy,

We appreciate your patience while we work on a solution. To set your background picture to stretch to the length of the form, you can inject custom CSS code. I cloned your form and tested this CSS code to stretch the background picture:

.supernova {

  background-image: url(Net Zero Photo.62b47aeb7de521.61947143.jpg);

  height: 200%;

  background-position: center;

  background-repeat: no-repeat;

  background-size: cover;

}

body {

background: none;

}

To inject CSS code:

1 Within the Form Builder, click on the Form Designer icon.
2 Select the Styles tab.
3 Scroll down and enter the code into the Inject Custom CSS area
4 Click Save
5 Preview the form to test it.

Give it a try and let us know how it goes.

Hi Stephanie,

It is not working for me. Are you able to access my form and fix it for me by chance?

Daisy

Hi Daisy,

I took a look at your form and noticed that it was still formatted differently than my clone with the same code that I provided. There is an additional setting that may help with the background image.

1 Within the Form Builder, click on the Form Designer icon.

2 Select the Colors tab.

3 Scroll all the way down until you see Advanced Designer.

4 Under the Design tab, there is a section called Background Image.

5 Expand the Background Image option and check the box labelled Fixed. Now you should have both Fixed and Cover checked.

Give it a try and let us know how it goes.

Good morning.

I am so sorry about this but I still can't get it to work. I must have something wrong in the CSS section or I'm missing something in your responses.

Hello Daisy, 

Thanks for getting back to us. We have checked your form and confirmed that you did not check the correct Fixed box. Since you asked for us to fix it for you in the previous thread, we have gone ahead and checked it for you

Give it a try and let us know how it goes.

I've had some success but now I have a couple of more questions on my form

My apologies, as I am new to Jotform and love the program but I am having some challenges using it

Hi Daisy,

Thanks for getting back to us.

Your form has no way of scrolling as your CSS is setting the height of your form which also affects the form builder. You'll want to remove the height: 200% from the CSS to be able to scroll again.

For the yellowish background when you are actively on a form field, you can use this CSS which will match the color to the background you currently have for this part of the form.

.form-line-active {

  background-color: #0075a9 !important;

}

Give this a try and let us know if you have any other questions.

I can't get it to work.

Now it looks like this in my CSS codes.

Hello Daisy,

Thanks for reaching out to Jotform Support. I’m sorry you're having issues with your form. Let me look into it and get back to you with a solution.

We appreciate your patience and understanding.

Hello Daisy,

Thanks for patiently waiting. As for your other questions, I've moved that to a new thread. You can check that out here for the issue of your scroll down and you may check out here for the yellow color issue.

We appreciate your patience while we work on a solution.