https://www.machform.com/forums/ MachForm Community Forums Topic: How to remove shadow on all field? en Mon, 04 May 2026 00:17:19 +0000 https://www.machform.com/forums/topic/how-to-remove-shadow-on-all-field#post-22682 Sun, 08 Feb 2015 23:25:22 +0000 doralevich 22682@https://www.machform.com/forums/ <p>This was exactly what I needed...<br /> Thank you! </p> https://www.machform.com/forums/topic/how-to-remove-shadow-on-all-field#post-22557 Tue, 20 Jan 2015 09:29:39 +0000 Markstein 22557@https://www.machform.com/forums/ <p>Instead of the code above I posted above, use this code for the select boxes:</p> <pre><code>/* Remove the outer border from all select boxes in this theme, modify the border radius and specify a height */ #main_body select.select { border: 0px; border-radius: 8px; height: 28px; }</code></pre> https://www.machform.com/forums/topic/how-to-remove-shadow-on-all-field#post-22551 Mon, 19 Jan 2015 21:18:37 +0000 gmf3ooi 22551@https://www.machform.com/forums/ <p>The form : <a href="http://malaysiafibre.com/mFf15to1m/view.php?id=10687" rel="nofollow">http://malaysiafibre.com/mFf15to1m/view.php?id=10687</a></p> <p>Thank you. </p> https://www.machform.com/forums/topic/how-to-remove-shadow-on-all-field#post-22545 Mon, 19 Jan 2015 10:35:23 +0000 Markstein 22545@https://www.machform.com/forums/ <p>Do you have a link to your form so I can have a look? </p> https://www.machform.com/forums/topic/how-to-remove-shadow-on-all-field#post-22542 Sat, 17 Jan 2015 18:48:58 +0000 gmf3ooi 22542@https://www.machform.com/forums/ <p>Thank you so much Markstein and Kevinfernandes for your reply. This solve almost all my problems.</p> <p>I need a little more help on how to :</p> <p>1. Reduce the dropdown menu field height, so it has the same height as other text field.</p> <p>2. Reduce the 'country' height in Address field, so it has the same height as other text field ( postal ).</p> <p>Reference : <a href="http://s24.postimg.org/kd6fnz5h1/Css_edit_machform.jpg" rel="nofollow">http://s24.postimg.org/kd6fnz5h1/Css_edit_machform.jpg</a></p> <p>Thank you very much. </p> https://www.machform.com/forums/topic/how-to-remove-shadow-on-all-field#post-22508 Tue, 13 Jan 2015 07:37:54 +0000 Markstein 22508@https://www.machform.com/forums/ <p>For the drop downs you would add the following:</p> <pre><code>/* Remove the outer border from all select boxes in this theme */ #main_body select.select { border: 0px; }</code></pre> <p>For the paragraph text area you would add the following:</p> <pre><code>/* Remove the outer border from all paragraph text boxes in this theme */ #main_body textarea.textarea { border: 0px; }</code></pre> <p>You could, of course, add the additional CSS for the border radius as I explained above for these as well. </p> https://www.machform.com/forums/topic/how-to-remove-shadow-on-all-field#post-22505 Mon, 12 Jan 2015 18:01:23 +0000 kevinfernandes 22505@https://www.machform.com/forums/ <p>Hello.<br /> The code above removes the border from most fields but they remain on drop downs and paragraph text fields. How is it possible to remove / edit those also? Thank you. </p> https://www.machform.com/forums/topic/how-to-remove-shadow-on-all-field#post-22499 Sun, 11 Jan 2015 12:01:09 +0000 Markstein 22499@https://www.machform.com/forums/ <p>It's actually quite simple to remove with a CSS adjustment. Open the theme that you have designated for your form. In the upper right click the arrow to find Advanced CSS. Enter the following:</p> <pre><code>/* Remove the outer borders from all input fields in this theme */ #main_body input.text { border: 0px; }</code></pre> <p>Now if you'd like to play with the border radius on the fields you would add the following instead:</p> <pre><code>/* Remove the outer borders from all input fields in this theme */ #main_body input.text { border: 0px; border-radius: 0px; }</code></pre> <p>Change the 0px to your desired result for the border radius. </p> https://www.machform.com/forums/topic/how-to-remove-shadow-on-all-field#post-22439 Wed, 31 Dec 2014 10:30:12 +0000 Saghalie 22439@https://www.machform.com/forums/ <p>Yep, you'll have to use the theme editor to get rid of those. You can apply a different theme to the form. I suggest the default theme. Or you can edit or create a new theme for your form and apply the theme to your new form.</p> <p>Or you might have to go in to the CSS of the form itself and find the shadow borders CSS code and change it there - although that's a needle in the haystack scenario.</p> <p>Regards,</p> <p>Saghalie,<br /> <a href="http://www.kcmhosting.com" rel="nofollow">http://www.kcmhosting.com</a> </p> https://www.machform.com/forums/topic/how-to-remove-shadow-on-all-field#post-22414 Fri, 26 Dec 2014 16:23:41 +0000 gmf3ooi 22414@https://www.machform.com/forums/ <p>Thank you for reply.</p> <p>I already thoroughly try and search for the option to change that, before i post question at this forum. Try for about an hour..</p> <p>But still couldn't the way to do it.</p> <p>Please refer to the sample at appnitro.com : <a href="http://www.appnitro.com/demo/view.php?id=1" rel="nofollow">http://www.appnitro.com/demo/view.php?id=1</a></p> <p>All fields also have shadow around the field box.</p> <p>Please guide me.</p> <p>Thank you. </p> https://www.machform.com/forums/topic/how-to-remove-shadow-on-all-field#post-22410 Fri, 26 Dec 2014 12:31:11 +0000 Saghalie 22410@https://www.machform.com/forums/ <p>The best way I believe is to use the theme editor and assign it to that form.</p> <p>Regards,</p> <p>Saghalie<br /> <a href="http://www.kcmhosting.com" rel="nofollow">http://www.kcmhosting.com</a> </p> https://www.machform.com/forums/topic/how-to-remove-shadow-on-all-field#post-22409 Thu, 25 Dec 2014 23:20:24 +0000 gmf3ooi 22409@https://www.machform.com/forums/ <p>Please guide me on how to remove shadow on all field in the form?</p> <p><a href="http://s3.postimg.org/smcn0l8pv/Screen_Shot_2014_12_26_at_12_06_04_AM.png" rel="nofollow">http://s3.postimg.org/smcn0l8pv/Screen_Shot_2014_12_26_at_12_06_04_AM.png</a></p> <p>Thank you. </p>