MachForm Community Forums » MachForm 2

1. skyblue
   Member

   Hi,
   For some reason the background color of my form disappears when I embed it in my website. You can see it fine here: FORM

   I've changed the background color @ #main_body input.file

   But when embedded, it disappears: http://erindavidson.ca/newhe/free_consultation.html

   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.

   Any help is appreciated! Thank you!

   Posted 14 years ago #
2. 

   yuniar

   To change the background color, you will need to change this code:

   #main_body
   {
   	background:#ffffff;
   	font-family: Tahoma, Geneva, sans-serif;
   	font-size: 15px;
   	margin:8px 0 16px;
   	text-align:center;
   }

   to become:

   #main_body
   {
   	background:#eaeaea;
   	font-family: Tahoma, Geneva, sans-serif;
   	font-size: 15px;
   	margin:8px 0 16px;
   	text-align:center;
   }

   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%.

   Change your current code:

   #li_1{
     float: left;
     width: 50%;
     margin-right:0px;
   }
   
   #li_2{
     float: left;
      width: 50%;
     clear: both;
   }

   to become:

   #li_1{
     float: left;
     width: 45%;
     margin-right:0px;
   }
   
   #li_2{
     float: left;
      width: 45%;
   
   }

   you can see that I changed the width and removed the "clear" attribute from the email field, to make it float.

   ---

   MachForm Founder

   Posted 14 years ago #

RSS feed for this topic

Reply

You must log in to post.