1. Samir Cassoo
  2. Commercial Templates
  3. Wednesday, 05 November 2014
  4.  Subscribe via email
Good day

How do I change the point at which the white gradient withing the background starts. I would like for the white gradient to start a little lower
Accepted Answer Pending Moderation
0
Votes
Undo
Yes, this was a good solution for me too. CiarÃin, thank you so much.
  1. more than a month ago
  2. Commercial Templates
  3. # 1
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Ciaran

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

Regards
  1. more than a month ago
  2. Commercial Templates
  3. # 2
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Ciaran

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

Do i edit css or styles.php?
  1. more than a month ago
  2. Commercial Templates
  3. # 3
Accepted Answer Pending Moderation
0
Votes
Undo
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
  1. more than a month ago
  2. Commercial Templates
  3. # 4
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Ciaran

Thank you, this worked perfectly.

Is it possible lighten the gradient in the background?

Kind Regards
  1. more than a month ago
  2. Commercial Templates
  3. # 5
Accepted Answer Pending Moderation
0
Votes
Undo
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
  1. more than a month ago
  2. Commercial Templates
  3. # 6
Accepted Answer Pending Moderation
0
Votes
Undo
Yes, ehoward

This is what I experience as well but using the showcase module position.
I will post here if I find a solution.
  1. more than a month ago
  2. Commercial Templates
  3. # 7
Accepted Answer Pending Moderation
0
Votes
Undo
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.
  1. more than a month ago
  2. Commercial Templates
  3. # 8
  • Page :
  • 1


There are no replies made for this post yet.
Be one of the first to reply to this post!

Join Our Newsletter

* indicates required
We respect your privacy and do not tolerate spam and will never sell, rent, lease or give away your information (name, email, number, etc.) to any third party. Nor will we send you unsolicited email.
Joomla51 - Mullaghmore, Co. Sligo, Ireland
Joomla51.com is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by
Open Source Matters
the trademark holder in the United States and other countries.