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
Started 16 years ago by susane | 2 posts |
-
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 16 years ago # -
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 16 years ago #
Reply
You must log in to post.