https://www.machform.com/forums/ MachForm Community Forums Topic: Background Color Disappears when Embedded? en Mon, 04 May 2026 03:26:52 +0000 https://www.machform.com/forums/topic/background-color-disappears-when-embedded#post-11019 Thu, 09 Dec 2010 17:27:04 +0000 yuniar 11019@https://www.machform.com/forums/ <p>To change the background color, you will need to change this code:</p> <pre><code>#main_body { background:#ffffff; font-family: Tahoma, Geneva, sans-serif; font-size: 15px; margin:8px 0 16px; text-align:center; }</code></pre> <p>to become:</p> <pre><code>#main_body { background:#eaeaea; font-family: Tahoma, Geneva, sans-serif; font-size: 15px; margin:8px 0 16px; text-align:center; }</code></pre> <p>To align the name and email fields, I think you will need to set the width for both of them to be less than 50% each. Try 45%.</p> <p>Change your current code:</p> <pre><code>#li_1{ float: left; width: 50%; margin-right:0px; } #li_2{ float: left; width: 50%; clear: both; }</code></pre> <p>to become:</p> <pre><code>#li_1{ float: left; width: 45%; margin-right:0px; } #li_2{ float: left; width: 45%; }</code></pre> <p>you can see that I changed the width and removed the "clear" attribute from the email field, to make it float. </p> https://www.machform.com/forums/topic/background-color-disappears-when-embedded#post-11013 Thu, 09 Dec 2010 03:19:14 +0000 skyblue 11013@https://www.machform.com/forums/ <p>Hi,<br /> For some reason the background color of my form disappears when I embed it in my website. You can see it fine here: <a href="http://erindavidson.ca/machform/view.php?id=1" title="">FORM</a></p> <p>I've changed the background color @ #main_body input.file</p> <p>But when embedded, it disappears: <a href="http://erindavidson.ca/newhe/free_consultation.html" rel="nofollow">http://erindavidson.ca/newhe/free_consultation.html</a></p> <p>ALSO, I'm trying to get the E-mail input to line up on the same line as Name. I did it correctly once, but changed something in the CSS and can't figure out how to get it back up there on the same line.</p> <p>Any help is appreciated! Thank you! </p>