I'm researching the same problem. #container_top2_modules – # #8 (line 255) - the shading doesn't drop down when the content expands like it does in the demo. More noticeable is when the responsive version narrows and lengthens the content, the position of the shading stays the same.

Yes, ehoward

This is what I experience as well but using the showcase module position.
I will post here if I find a solution.

Hello

Presuming I understand you correctly have you considered simply editing the 'Header Height (px)' field on your templates parameters? Increase this figure to push the line down.

Ciarán

Hi Ciaran

Thank you, this worked perfectly.

Is it possible lighten the gradient in the background?

Kind Regards

Hello

The gradient is created by the following CSS in your templates styles.php (line 171) which you can edit to your own taste...

.body_grad {

background-image: -moz-linear-gradient(top, rgba(0,0,0,0.0) 100px, rgba(0,0,0,0.6) <?php echo ($elementcolor8); ?>px, rgba(255,255,255,1) <?php echo ($elementcolor8 + 1); ?>px, rgba(165,165,165,0.9) <?php echo ($elementcolor8 + 2); ?>px, rgba(235,235,235,0.90) <?php echo ($elementcolor8 + 150); ?>px, rgba(235,235,235,0.9) 0px); 

background-image: -o-linear-gradient(top, rgba(0,0,0,0.0) 100px, rgba(0,0,0,0.6) <?php echo ($elementcolor8); ?>px, rgba(255,255,255,1) <?php echo ($elementcolor8 + 1); ?>px, rgba(165,165,165,0.9) <?php echo ($elementcolor8 + 2); ?>px, rgba(235,235,235,0.90) <?php echo ($elementcolor8 + 150); ?>px, rgba(235,235,235,0.9) 0px); 

background-image: -ms-linear-gradient(top, rgba(0,0,0,0.0) 100px, rgba(0,0,0,0.6) <?php echo ($elementcolor8); ?>px, rgba(255,255,255,1) <?php echo ($elementcolor8 + 1); ?>px, rgba(165,165,165,0.9) <?php echo ($elementcolor8 + 2); ?>px, rgba(235,235,235,0.90) <?php echo ($elementcolor8 + 150); ?>px, rgba(235,235,235,0.9) 0px);  

background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.0) 100px, rgba(0,0,0,0.6) <?php echo ($elementcolor8); ?>px, rgba(255,255,255,1) <?php echo ($elementcolor8 + 1); ?>px, rgba(165,165,165,0.9) <?php echo ($elementcolor8 + 2); ?>px, rgba(235,235,235,0.90) <?php echo ($elementcolor8 + 150); ?>px, rgba(235,235,235,0.9) 0px); 

background-image: linear-gradient(top, rgba(0,0,0,0.0) 100px, rgba(0,0,0,0.6) <?php echo ($elementcolor8); ?>px, rgba(255,255,255,1) <?php echo ($elementcolor8 + 1); ?>px, rgba(165,165,165,0.9) <?php echo ($elementcolor8 + 2); ?>px, rgba(235,235,235,0.90) <?php echo ($elementcolor8 + 150); ?>px, rgba(235,235,235,0.9) 0px);  

}

Ciarán

Hi Ciaran

Thank you for your prompt response.
This is probably a stupid question for you.

Do i edit css or styles.php?

Hi Ciaran

Thank you I have edited the styles.php file and it works

Regards

Yes, this was a good solution for me too. CiarÃin, thank you so much.