Removing Altitude effect

[ghog]

Hey I am really hoping there is a way to remove the #black overlay effect on Altitude Pro that overlays the front page section images. Does anyone know how I can remove that?

[James]

hi there

yes that is easy

you just need to remove it in the style.css file (stylesheet)

around line 1186 you would see this here:

.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%;
}

just delete the background and filter css, so it will now look like this:

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

[ghog]

Awesome thanks Jamie

[GinaRipoll]

Hi,

I erased those lines from the css style on the wordpress editor and then on the css style that I uploaded with the whole theme on my ftp exactly how you explain on your answer above but the #black overlay effect still shows in my home page. What am I doing wrong? Does any one have any ideas for me?

Thanks!

[frobn]

When you uploaded the theme did you upload the style.css also?

Eliminating the background selectors in .image-section should work. You can also add a background selector of none.

under:
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%);

add: background: none;

or at the end of your style.css add:

.image-section { background: none;}

[GinaRipoll]

Thank you soooo much frobn! It totally worked 🙂

One last question, would you know which line should I erase for deleting the #black overlay effect only in the first page?

Thank you so much for the advice!

[Author]

Posts