-
robert.lintunAsked on March 20, 2025 at 8:22 AM
Hello, I would like to customise review before submit widget. Mainly font size, color and what to appear on that page. I found this page https://www.jotform.com/help/75-customize-your-form-using-custom-css-codes/ but it doesn't help.
I am seeing unwanted items from main page and font size and color are not uniform.
Please help.Page URL: https://www.jotform.com/243540453983865 -
Jovito JotForm SupportReplied on March 20, 2025 at 9:43 AM
Hi Robert,
Thanks for reaching out to Jotform Support. You can customize the font, color and size of the Review Before Submit page by injecting custom CSS codes. Let me show you how:
1. First, copy this code.
.supernova .form-all, .form-all {
font-family: arial !important;
font-size: 14px !important;
color: black !important;
}
#previewContainer li>div.value.border{
color: black !important;
}
2. In Form Builder, click on Paint Roller icon to open Form Designer.
3. Then, go to Styles tab, scroll down and paste the code in Inject Custom CSS text area.
Give it a try and let us know how it goes.
-
robert.lintunReplied on March 20, 2025 at 9:52 AM
Hi, thanks for the reply. I have tried and it is still not working as intended.
Full Name, Email and My Products font size are awkward. And also I'd like to remove item 4. and I do not want to see the number on review order. -
Jovito JotForm SupportReplied on March 20, 2025 at 10:08 AM
Hi Robert,
Can you try replacing the last CSS code with this one?
div#checkSubmission #previewContainer li>div.value.border{
color: black !important;
}
Unfortunately, we can't remove a specific field on the widget since it will show all the fields we added on the form as part of reviewing it before submission. Here's what it'll look like:
Give it a try and let us know how it goes.
-
robert.lintunReplied on March 20, 2025 at 10:15 AM
Hi, It only changed font colour. I wanted to change font size to be same as the size of title of each section.
Thanks for letting me know that specific field can't be removed. -
Jovito JotForm SupportReplied on March 20, 2025 at 10:42 AM
Hi Robert,
You can update the CSS code using the one below:
div#checkSubmission #previewContainer li>div.value.border {
color: black !important;
font-size: 14px !important;
}
Here's what it'll look like:
Give it a try and let us know how it goes.