MachForm Community Forums » MachForm 2

1. djones
   Member

   I am trying to add custom CSS. Place image in the center and wrap with a gradient. Here is my code. I believe the background gradient needs to be placed into a different class or ID. I tried to find it without sucess using Firefox web developer tools. The center image does show however the gradient does not. Please advise

   #main_body
   {
   background: #73ADD7 url("/images/gradient.gif") repeat-x;
   background-color: transparent;
   background-image: url("/images/sky.jpg");
   background-repeat: no-repeat;
   background-attachment: scroll;
   background-position: center top;
   font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
   font-size:small;
   margin:8px 0 16px;
   text-align:center;
   }

   Posted 14 years ago #
2. 

   yuniar

   Try use full path for your background image path.

   Something like this:
   

   background: #73ADD7 url("http://www.example.com/images/gradient.gif") repeat-x;

   ---

   MachForm Founder

   Posted 14 years ago #

3. himpress
   Member

   OK will try tomorrow I'm off to bed thanks for being so fast on response

   Jay

   PS Like other users I really think you deliver a great product.

   Posted 14 years ago #

4. djones
   Member

   Yuniar,

   I tried the full path and it is still not working. I have another peculiar issue.
   The CSS for the following (2) links are identical. One renders the background and the other does not????

   http://www.computerhelpamerica.com/machform/view.php?id=17
   http://www.computerhelpamerica.com/machform/view.php?id=34

   '#main_body
   {

   background-image: url("http://computerhelpamerica.com/images/gradv5.gif");
   background-repeat: repeat-x;
   font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
   font-size:small;
   margin:8px 0 16px;
   text-align:center;
   }'

   Posted 14 years ago #
5. 

   yuniar

   Actually, the CSS on your first form doesn't have the same code. It seems to be malformed:

   #main_body
   {
   
           background-image: url("http://computerhelpamerica.com/images/gradv5.gif")repeat-x;
           font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
   	font-size:small;
   	margin:8px 0 16px;
   	text-align:center;
   }

   I think you'll need to fix the first and second line.

   ---

   MachForm Founder

   Posted 14 years ago #

6. djones
   Member

   Tried that... still no background showing.

   Posted 14 years ago #

7. Saghalie
   Pro Member

   Go back to your first code and after background-image: url("/images/sky.jpg");

   Change it to background-image: url("/images/sky.jpg") !important;

   See if that works. I'm not sure if it will, but give it a try. To me, it seems that the Background: and background-image: cancel each other out and you will ONLY see one image. (/shrug)

   Regards,

   Saghalie
   http://www.kcmhosting.com

   Posted 14 years ago #

8. djones
   Member

   Was unable to get the gradient working. Changed background to black at this time.

   Posted 14 years ago #
9. 

   yuniar

   Actually, the code I posted above is the "malformed" one, which you currently have. You need to fix it to be the same as the other form.

   Anyway, if you need my help, please send me the login to your machform and I'll fix it.

   ---

   MachForm Founder

   Posted 14 years ago #

RSS feed for this topic

Reply

You must log in to post.