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

Hi Ciaran

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

Regards

Hi Ciaran

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

Do i edit css or styles.php?

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, this worked perfectly.

Is it possible lighten the gradient in the background?

Kind Regards

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

Yes, ehoward

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

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.