JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.
We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.
How to change the background color of thank you message?Asked by leonardomitchell on March 28, 2016 at 11:40 AM
This happens when I use a template form, on the Thank You page, it doesn't let me change the background colours that the default template form came with. It doesn't allow you to do it even on the source code. How do you go about amending this?
Do you want to change the background color of your form's thank you message?
Please inject the following custom css code in your form and that should solve your problem:
background-color: rebeccapurple; /*Change to any color of your choice*/
The following guide should help you how to inject custom css code in form: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes
Hope this helps.
Do get back to us if you have any questions.
I followed your instruction as per above to no avail. Help.
This is strange. On which form you applied the custom css code. I did check your last edited form "Enrolment Form" and it does no have the injected css code.
I cloned your form and the injected custom css code deos work as expected. Please check the screenshot below:
Do let us know the form with which you are having this issue with and we will take a look.
We will wait for your response.
Apologies for the very late reply. I can change backgrounds with forms that i've created from scratch but this doesn't seem to wok with 'template' forms despite amending the CSS as per your instructions. Would be great if you could look into this. Use the form 'Sign me up for English (ESOL) t1' to have a look, obviously cloning it etc.
I see what you mean.
The best way to do this that would work for all cases is to do the following:
1. Go to your thank you page (for editing)
2. Click on change text
3. click on view source button
4. Add this code before all other code:
<div style="background-color: orange; position: fixed; height: 100%; width: 100%; top:0; left:0">
5. Add this code after all the other code:
- This is how it should look after adding the codes
6. Save and test
The bold is the color, and you can change that as much as you wish, but changing other style attributes will make it not work the same (depending on the change made).
You can see how the clone of your form looks with the same:
* As mentioned this should work for all setups of the thank you pages. My colleagues code will work on all new forms.