Appnitro Software Forums » MachForm 2

1. cblarussa
   Member

   I found a template in the forms theme gallery with the background color that I want to use but the box at the top is red and I would like to change it to my logo colors
   I want the Background to be dark brown and the box at the top to be turquoise

   ALso How do I put in my logo? at the top?

   Thanks I am css/html dumb!!

   Posted 3 years ago #
2. 

   redityo

   Hi,

   Try to search these code in your CSS form :

   #main_body
   {
   	background:#fffff; /* change background color */
   	font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
   	font-size:small;
   	margin:8px 0 16px;
   	text-align:center;
   }
   
   #form_container
   {
   	background:#fff; /* change background color */
   	border:1px solid #ccc;
   	margin:0 auto;
   	text-align:left;
   	width:640px;
   }
   
   /**** Logo Section  *****/
   #main_body h1
   {
   	background-color:#dedede;
   	margin:0;
   	min-height:0;
   	padding:0;
   	text-decoration:none;
   	text-indent:-8000px;
   	background-image: url('../../../images/machform.gif');  /* change logo image */
   	background-repeat: no-repeat;
   }

   Since I'm not sure with your color value, I'll give it as an example. Let say you want to change the form with these details :

   Header color : #74CF9A
   Background : #6F4545
   Header logo : logo.jpg

   First you need to upload "logo.jpg" file to "machform" images folder, then replace/edit those style with this :

   #main_body
   {
   	background:#6F4545;
   	font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
   	font-size:small;
   	margin:8px 0 16px;
   	text-align:center;
   }
   
   #form_container
   {
   	background:#6F4545;
   	border:1px solid #ccc;
   	margin:0 auto;
   	text-align:left;
   	width:640px;
   }
   
   /**** Logo Section  *****/
   #main_body h1
   {
   	background-color:#74CF9A;
   	margin:0;
   	min-height:0;
   	padding:0;
   	text-decoration:none;
   	text-indent:-8000px;
   	background-image: url('../../../images/logo.jpg');
   	background-repeat: no-repeat;
   }

   ---

   MachForm Support

   Posted 3 years ago #

RSS feed for this topic

Reply

You must log in to post.