How to remove the dark layer altitude pro

[pinkdaisyMember]

I am using altitude pro. How do i remove the dark layer from the (front page) images? I cant find the post where it was descibed. (dont know any coding)
Lookng for it for days.Sorry.
But thanks for the help.
Pinkdaisy.

[ChristophMember]

Hi,

around line 1250 of the style.css you will find the following:

.image-section {
	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 );
	display: table;
	overflow: hidden;
	table-layout: fixed;
	width: 100%;
}

The "darkening" of the images is achieved by the linear gradients.
To remove it, simply delete or comment out those lines

.image-section {
	display: table;
	overflow: hidden;
	table-layout: fixed;
	width: 100%;
}

---

https://www.christophherr.com | Genesis Customizations | Buy me a coffee

[pinkdaisyMember]

Hi
Thanks a lot, it works!
Pinkdaisy

[Author]

Posts