MachForm Community Forums » MachForm 4

1. josephbyrne
   Member

   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

   Then in the theme's Advanced CSS I'm adding:

   /** Advanced CSS **/
   
   #childBreak {
   	padding: 0px;
   	border-top-style: solid;
   	border-top-color: #FF8000;
   	width: 80%;
   	height: 2px;
   }

   When I look at the source code, the CSS appears to be correct, and the HTML for this line looks right:

   <li id="li_73" class="section_break childBreak">
   			<h3></h3>
   			<p></p>
   </li>

   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?

   Posted 9 years ago #

2. smossner
   Member

   Try

   .childBreak {
   padding: 0px;
   border-top-style: solid;
   border-top-color: #FF8000;
   width: 80%;
   height: 2px;
   }

   You are using # which would be reserved for an ID tag.

   Posted 9 years ago #

RSS feed for this topic

Reply

You must log in to post.