This forum is no longer open and is for reading/searching only.

Please use our new MachForm Community Forum instead.

MachForm Community Forums » MachForm 2

How to make a customized header


  1. susane
    Member

    I'm trying to figure out how to make the grey band with the logo on the top of the forms wider, and how to insert my own logo and/or header image. I figured out how to replace the machform logo with mine, but it's just much too small. I would greatly appreciate any help. (Also, I'm not very computer savvy, so if this involves changing a css file, please let me know if it's the main css file or or the individual ones for the individual forms.

    Posted 15 years ago #
  2. redityo

    Hi,

    You can try to edit a form style form "edit css" menu on machform admin. Try to search this section in there :

    #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 this */
    	background-repeat: no-repeat;
    }
    
    #bottom
    {
    	display:block;
    	height:10px;
    	margin:0 auto;
    	width:640px; /* change this */
    }
    
    #top
    {
    	display:block;
    	height:10px;
    	margin:10px auto 0;
    	width:640px; /* change this */
    }

    I've write a note what property should be change. For example you want to change form logo with images that stored in "http://www.yourdomain.com/images/logo.jpg" with form width 800px. You can change those sections to be like this :

    #main_body h1
    {
    	background-color:#dedede;
    	margin:0;
    	min-height:0;
    	padding:0;
    	text-decoration:none;
    	text-indent:-8000px;
    	background-image: url('http://www.yourdomain.com/images/logo.jpg');  /* change this */
    	background-repeat: no-repeat;
    }
    
    #bottom
    {
    	display:block;
    	height:10px;
    	margin:0 auto;
    	width:800px; /* change this */
    }
    
    #top
    {
    	display:block;
    	height:10px;
    	margin:10px auto 0;
    	width:800px; /* change this */
    }

    MachForm Support

    Posted 15 years ago #

RSS feed for this topic

Reply