Hello,
I'd like to have a custom header graphic at the top of my form pages that matches the rest of the website.
And I have two queries:
1. Could you possibly tell me: how big (pixels) can/must the header graphic be?
2. Also is it possible for me to put the same navigation bar under the header graphic?
Many thanks for help or advice.
Best wishes,
Hello,
Actually there is no standard size when you change the header with your image, but by default machform form width is 640px. it means you can use that width as your default, otherwise you need to adjust your form width also.
To change the header, you can search logo section in your "CSS FORM", you'll see this code :
#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');
background-repeat: no-repeat;
}Change background-image value with your header image path, for example :
background-image: url('http://www.yourdomain.com/images/header.jpg');Anyway I'm not sure with your second question, do you wan't to add some menu bellow form header ? If it's so you need to edit "includes/view-function.php" file, go to around line 1839 and you'll see this code :
<h1><a>{$form->name}</a></h1>add "div" line along with menu/navigation script, bellow that code. For example :
<div>
<!--your menu here -->
</div>OK, I see.
Thank you very much for getting back to me about it so quickly.
Much appreciated, redityo.
It seems that my header image is behind the form. What can I change to bring it forward. I can see the default gray, but not my image I selected.
Oops, the url: http://www.tfscnc.org/machform/view.php?id=2
It seems you've remove "text-indent" properties for logo style, I see you're using this :
#main_body h1 {
background-image:url(http://www.tfscnc.org/images/TFSCLOGO.gif);
background-repeat:no-repeat;
margin:0;
min-height:0;
padding:0;
text-decoration:none;
}to fix it try to replace with this one
#main_body h1 {
background-image:url(http://www.tfscnc.org/images/TFSCLOGO.gif);
background-repeat:no-repeat;
height:85px;
margin:0;
min-height:0;
padding:0;
text-decoration:none;
text-indent:150px
}Thank you. Worked like a charm.
How would one enter just text- the name of my business? Can that be done or will I need to create a jpeg file and upload the image to site and follow the above instructions?
Thank you.
It's better to use an image instead of a text, because it would take some modification to your CSS and machform file.
Where do I find the 'CSS FORM' mentioned above - Is it the one called 'edit_css.php' ?
Thank you.
Never mind, I found it. I didn't realize this was something in the online 'Manage Forms' area.
You must log in to post.