How to Remove the Border of Form Calculation Widget?

I saw that it's possible to change the colors of forms using CSS. However, I haven't found how to customize only one form: the one for the calculator form. I would like to make the text bold and remove the borders of its frame. Could you please tell me how to do that ?

Hi Rudy,

Thanks for reaching out to Jotform Support. You can inject the CSS codes provided below to remove the border and make the text bold. Let me show you how:

/* Remove the border of form calculation widget and make the text bold - 5402075*/ 



input#input_104 {

     border: none !important;

    font-weight: bolder !important;

}

/* Ends here */

1. In Form Builder, open the Form Designer by selecting the Paint Roller icon in the upper-right corner.
2. In the Form Designer pane on the right, go to Styles at the top.
3. Scroll down to Inject Custom CSS and paste the CSS code in the textarea.
4. Then, click Save.

Give it a try and let us know if you need any more help.

Hi Rudy,

I answered your other question on a new thread. You can go ahead and check that out here.