Altitude Pro front page images shading

[michaelbuster]

I like how the frontpage images get shaded in Altitude Pro, but it's a bit too moody for my taste. Where do I go to control the gradient level??

[emasai]

Find .image-section in the css and change the last figure on all the declarations to a lower number to change the gradient opacity - see example below:
.image-section{
-webkit-gradient(linear, left top, left bottom,
color-stop(0%,rgba(0,0,0,0.2>)),
color-stop(30%,rgba(0,0,0,0.5)),
color-stop(80%,rgba(0,0,0,0.8)),
color-stop(100%,rgba(0,0,0,0.9)))
}

---

Need Website Customization or a Responsive CSS fix? Contact Me
Lynne emasai.com

[michaelbuster]

Terrific thanks!

[ngrechg]

Hi
I'm having the same problem, images are too darky.
I found the style you're referring to, but there are many sentences:

background: -moz-linear-gradient(top, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.5) 30%, rgba(0,0,0,0.8) 80%, rgba(0,0,0,0.9) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.2)), color-stop(30%,rgba(0,0,0,0.5)), color-stop(80%,rgba(0,0,0,0.8)), color-stop(100%,rgba(0,0,0,0.9)));
background: -webkit-linear-gradient(top, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.5) 30%,rgba(0,0,0,0.8) 80%,rgba(0,0,0,0.9) 100%);
background: -o-linear-gradient(top, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.5) 30%,rgba(0,0,0,0.8) 80%,rgba(0,0,0,0.9) 100%);
background: -ms-linear-gradient(top, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.5) 30%,rgba(0,0,0,0.8) 80%,rgba(0,0,0,0.9) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.5) 30%,rgba(0,0,0,0.8) 80%,rgba(0,0,0,0.9) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33000000', endColorstr='#e6000000',GradientType=0 );

which ones am I supposed to change and which is the number to be lowered, the % or the last one in the parenthesis.
And can you also explain how the sentence "filter" is applyed? Should I change the color code there as well?
Thanks a lot for your help!!

[Dave]

Dear ngrechg,

You will need to make all the sentences the same. Also the reason for all the sentences is for all the browser types.

background: -webkit-linear-gradient(red, blue); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(red, blue); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(red, blue); /* For Firefox 3.6 to 15 */
background: linear-gradient(red, blue); /* Standard syntax */

Hence if you wan a white gradient you will have do to this.

	background: -moz-linear-gradient(top,  rgba(255,255,255,0.2) 0%, rgba(255,255,255,0.5) 30%, rgba(255,255,255,0.8) 80%, rgba(255,255,255,0.9) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.2)), color-stop(30%,rgba(255,255,255,0.5)), color-stop(80%,rgba(255,255,255,0.8)), color-stop(100%,rgba(255,255,255,0.9)));
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0.2) 0%,rgba(255,255,255,0.5) 30%,rgba(255,255,255,0.8) 80%,rgba(255,255,255,0.9) 100%);
	background: -o-linear-gradient(top,  rgba(255,255,255,0.2) 0%,rgba(255,255,255,0.5) 30%,rgba(255,255,255,0.8) 80%,rgba(255,255,255,0.9) 100%);
	background: -ms-linear-gradient(top,  rgba(255,255,255,0.2) 0%,rgba(255,255,255,0.5) 30%,rgba(255,255,255,0.8) 80%,rgba(255,255,255,0.9) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,0.2) 0%,rgba(255,255,255,0.5) 30%,rgba(255,255,255,0.8) 80%,rgba(255,255,255,0.9) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33000000', endColorstr='#e6000000',GradientType=0 );

---

Please visit me at tsttechnology.com

[ngrechg]

Thanks a lot Dave
What I finally did was to maintain the RGB as black (0,0,0) but lower the last number so now it's less dark.
I may try what you suggest to see if I like it better 🙂
Best regards

[Author]

Posts