MachForm Community Forums » MachForm 2

1. iain401
   Member

   I have a repeating background image on my web site pages. I'd like my form to also have the same background so that just the fields are in white. How can I edit the css to get this result

   Thanks

   Posted 16 years ago #
2. 

   yuniar

   At the beginning of your CSS, search for this block:

   body
   {
   	background:#fffff;
   	font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
   	font-size:small;
   	margin:8px 0 16px;
   	text-align:center;
   }
   
   #form_container
   {
   	background:#fff;
   	border:1px solid #ccc;
   	margin:0 auto;
   	text-align:left;
   	width:640px;
   }

   
   Simply replace those two background properties with your background image properties.
   It should be something like this:

   body
   {
   
   	font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
   	font-size:small;
   	margin:8px 0 16px;
   	text-align:center;
   	background:#fff url(http://www.example.com/bg.gif) repeat scroll left top;
   }
   #form_container
   {
   	background:#fff url(http://www.example.com/bg.gif) repeat scroll left top;
   	border:1px solid #ccc;
   	margin:0 auto;
   	text-align:left;
   	width:640px;
   }

   ---

   MachForm Founder

   Posted 16 years ago #

3. iain401
   Member

   Hi
   I seem to have got something not right

   body
   {
   background:#fffff; url http://www.worldburnsclub.com/images/16113.gif repeat scroll left top;
   font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
   font-size:small;
   margin:8px 0 16px;
   text-align:center;
   }

   #form_container
   {
   background:#fff; url http://www.worldburnsclub.com/images/16113.gif repeat scroll left top;
   border:1px solid #ccc;
   margin:0 auto;
   text-align:left;
   width:640px;

   Posted 16 years ago #

4. Saghalie
   Pro Member

   you have:
   :#fffff;
   and
   :#fff;

   in your code there. remove the ; and you'll be all set.

   (I hope)

   :)

   Saghalie
   http://www.beautiful-beginnings.org

   Posted 16 years ago #

5. Saghalie
   Pro Member

   oh - also, don't forget the () (url .... )

   Saghalie
   http://www.beautiful-beginnings.org

   Posted 16 years ago #

6. iain401
   Member

   Saghalie,

   Thanks, it works now

   Iain

   Posted 16 years ago #

RSS feed for this topic

Reply

You must log in to post.