Hello,

 

I cannot figure this out for the life of me. You'll notice at the bottom of the page the gradient just stops and goes to the darkest shade for the expanded view of the page.

 

AmericanLiftKits

 

Here is the CSS -

 

body { background:#121212 url('/templates/__custom/images/bg-body.gif') repeat-x; font: 14px Tahoma, Geneva, Verdana; color:white; }

 

 

 

Any help would be greatly appreciated!

 

-Nolan

Edited February 29, 201214 yr by Renaissance-Design
Please use the code button or tags to format your code.

This image http://www.americanliftkits.com/templates/__custom/images/bg-body.gif is only 946px high, so it stops and the background color fills the remainder of the page if you scroll down. You will have to make the image long enough for the whole expanded page if you want the gradient to show all the way down, or redesign your page.

This image http://www.americanliftkits.com/templates/__custom/images/bg-body.gif is only 946px high, so it stops and the background color fills the remainder of the page if you scroll down.

 

Set your background color to the darkest color of the gradient and you'll get smoother transition. You should also tone down the gradient a bit, they aren't meant to be that severe.