MachForm Community Forums » MachForm 2

1. AsherImages
   Member

   Hi! I made and installed a custom header using this thread: http://www.appnitro.com/forums/topic/how-to-add-logo-tried-other-link-an-still-lost?replies=8 but now, the header is there and my form title is showing up on top of my header - as in the text is over top the top and middle of my .jpg, not that the title is covering up the the header, so it's not a height issue.

   I took a screenshot, but can't see a place to upload it. I'm not really comfortable with sharing the direct link to the form on this public forum in order to protect my work.

   Thanks for any help you can give!

   Posted 14 years ago #
2. 

   yuniar

   Hi there,

   Can you send us email directly and let us know the URL please?
   Send to: customer.service [at] appnitro.com

   We'll help you there.

   ---

   MachForm Founder

   Posted 14 years ago #

3. drbobtampa
   Member

   Yuniar: I have been confused by this same issue for several years. I can set the top.png image to what I want and get the top area to present a desired image. HOWEVER, if I want to have a form logo, and I edit the form CSS to provide one, I cannot get the image to appear. I get the correct background color and size but the form title is placed over the background color and no image is present. Here is the CSS code. I am using the machform.gif image as a test image. What can I do to get the image presented?

   /**** Logo Section *****/
   /**** Form 1 test form ****/
   #main_body h1
   {
   background-color:#00FFFF;
   margin:0;
   min-height:150;
   height:150px;
   padding:0;
   text-decoration:none;
   text-indent:150px
   background-image: url('https://www.pcwforms.floridacentersforwellness.com/public_html/patientforms/images/machform.gif');
   background-repeat: no-repeat;
   }

   #main_body h1 a
   {

   display:block;
   height:150px;
   min-height:150px;
   overflow:hidden;
   }

   The link to the test form itself is:
   http://pcwforms.floridacentersforwellness.com/patientforms/view.php?id=1

   Posted 14 years ago #

4. Plastic
   Pro Member

   I found an easy way to replace the image was to create a new image but save the new image as machform.gif and upload it to the server.

   Posted 14 years ago #

5. AsherImages
   Member

   Posting the resolution to my problem for future reference:
   Hi,
   I see the header already showed and the problem seems on your form title text. To remove it, try to change this code on logo CSS :

   text-indent:150px;
   to
   text-indent:-8000px;

   If you have any difficulty, please let me know.
   Kind regards,
   Andar Redityo
   Machform Support

   Posted 14 years ago #
6. 

   redityo

   Hi drbobtampa,

   Are you refer to this image for your form header ?

   http://pcwforms.floridacentersforwellness.com/patientforms/images/top.png

   If so, try to change your CSS code to be like this :

   #main_body h1
   {
   background-color:#00FFFF;
   margin:0;
   min-height:150;
   height:150px;
   padding:0;
   text-decoration:none;
   text-indent:150px
   background-image: url('http://pcwforms.floridacentersforwellness.com/patientforms/images/top.png');
   text-indent:-8000px;
   background-repeat: no-repeat;
   }

   "public_html" is not necessary to included on the url

   ---

   MachForm Support

   Posted 14 years ago #

RSS feed for this topic

Reply

You must log in to post.