https://www.machform.com/forums/ MachForm Community Forums Topic: How to: Remove rounded corners and border shadows in Machform 4.2 and up en Sun, 03 May 2026 21:02:23 +0000 https://www.machform.com/forums/topic/how-to-get-rid-of-rounded-corners-and-border-shadows-in-machform-42-and-up#post-22941 Wed, 18 Mar 2015 00:02:43 +0000 williamansley 22941@https://www.machform.com/forums/ <p>@HeuF: Thank you for pointing that omission out! For what it's worth, I completely agree with you that Appnitro should add the ability to control these changes to the appearance of forms using the graphical user interface and that they shouldn't have made the changes without letting us know what they were going to do first, and I have told them so. I don't know if they will follow our suggestions, but I hope so. </p> https://www.machform.com/forums/topic/how-to-get-rid-of-rounded-corners-and-border-shadows-in-machform-42-and-up#post-22937 Tue, 17 Mar 2015 03:50:45 +0000 HeuF 22937@https://www.machform.com/forums/ <p>@williamansley: Thanks again, but I miss:</p> <p>#form_container,#main_body h1{<br /> border-radius: 0px;<br /> }</p> <p>The border of the form. </p> https://www.machform.com/forums/topic/how-to-get-rid-of-rounded-corners-and-border-shadows-in-machform-42-and-up#post-22931 Fri, 13 Mar 2015 01:25:27 +0000 williamansley 22931@https://www.machform.com/forums/ <p>Machform 4.2 introduced a new appearance to the form fields; instead of having square corners, the corners are now rounded and instead of a simple line, the border is now surrounded by a shadow. In addition, drop down lists are now very slightly taller than text input boxes, making the address field, for example, look slightly misaligned. </p> <p>Some people don't like the new look. If you are one of those people, you can change the appearance of your forms to look like they did in Machform 4.1 or earlier by adding some CSS code to your Machform theme in the Advanced CSS Code text entry box. All thanks for the CSS code should go to forum member Markstein; I just put it all together. (Yuniar, perhaps you could make this message a "sticky". Thank you.)</p> <p><a href="http://www.appnitro.com/doc-theme-editor#add-css" rel="nofollow">http://www.appnitro.com/doc-theme-editor#add-css</a></p> <p>(If you are not using a theme for your form, you will have to create one. Make sure you apply this theme to your form after you create it.)</p> <p><a href="http://www.appnitro.com/doc-theme-editor" rel="nofollow">http://www.appnitro.com/doc-theme-editor</a></p> <p>Paste this code into the Advanced CSS Code text entry box, in addition to any CSS code your theme may already be using:</p> <pre><code>/* Remove the outer borders from all input fields in this theme, make corners square */ #main_body input.text { border: 0px; border-radius: 0px; } /* Remove the outer border from all paragraph text boxes in this theme, make corners square */ #main_body textarea.textarea { border: 0px; border-radius: 0px; } /* Remove the outer border from all select boxes in this theme, make corners square and specify a height */ main_body select.select { border: 0px; border-radius: 0px; height: 28px; }</code></pre>