https://www.machform.com/forums/ MachForm Community Forums Topic: Problems using Advanced CSS en Sun, 03 May 2026 23:01:48 +0000 https://www.machform.com/forums/topic/problems-using-advanced-css#post-21866 Wed, 24 Sep 2014 00:47:47 +0000 smossner 21866@https://www.machform.com/forums/ <p>Try </p> <p>.childBreak {<br /> padding: 0px;<br /> border-top-style: solid;<br /> border-top-color: #FF8000;<br /> width: 80%;<br /> height: 2px;<br /> }</p> <p>You are using # which would be reserved for an ID tag. </p> https://www.machform.com/forums/topic/problems-using-advanced-css#post-21863 Tue, 23 Sep 2014 22:35:49 +0000 josephbyrne 21863@https://www.machform.com/forums/ <p>I want to place a custom boarder-top to a section break (actually between two places on my form and the Section break seems like the logical place to do it) so in the field's property I add childBreak</p> <p>Then in the theme's Advanced CSS I'm adding: </p> <pre><code>/** Advanced CSS **/ #childBreak { padding: 0px; border-top-style: solid; border-top-color: #FF8000; width: 80%; height: 2px; }</code></pre> <p>When I look at the source code, the CSS appears to be correct, and the HTML for this line looks right:</p> <pre><code>&lt;li id=&quot;li_73&quot; class=&quot;section_break childBreak&quot;&gt; &lt;h3&gt;&lt;/h3&gt; &lt;p&gt;&lt;/p&gt; &lt;/li&gt;</code></pre> <p>But the boarder does not show up in the browser. I am not an advanced CSS guy, but I know enough to usually get the job done. What am I missing? </p>