Remove grey filter from header image?

Viewing 9 posts - 1 through 9 (of 9 total)

April 12, 2015 at 7:38 am April 12, 2015 #20953

Chefstomaten
Participant
Hello,

Anyone has a solution for my header image problem? Every time I upload a header image into Enlightenment theme the picture changes. It appears like a grey filter is attached on top of the picture. The grey filter makes the picture look dark and dull. And I can’t remove it.

I have tried 3 different pictures as “header image” but the all turn out much greyer when displayed than in original. It doesn’t help if I change the picture so that it is very very light in original, it doesn’t get darker, only greyer.

The adress is and this is how it looks like at the moment and how the picture looks like before being uploaded.
- This topic was modified 9 years ago by Chefstomaten. Reason: Spelling
April 12, 2015 at 8:09 pm April 12, 2015 #20958

Daniel Tara
Keymaster
Try adding this custom CSS:
```
.page-header .slide-overlay {
	background: none;
}
```
June 23, 2015 at 3:52 pm June 23, 2015 #21381

repgirl
Participant

Chefstomaten, did you get this custom CSS to work? I have tried to put it in the custom CSS area of the theme and cannot get the grey overlay to go away. I’d love to hear if and how you got it to work. Thanks!

June 23, 2015 at 3:58 pm June 23, 2015 #21382

Chefstomaten
Participant

Hi repgirl,

No I haven’t tried it yet.
I meant to thank Daniel for the answer and try it but then loads of other things turned up and I forgot.
February 11, 2017 at 9:21 am February 11, 2017 #22852

Zwerfie
Participant
its not working with my template either. I also use enlightenment theme, and I cant remove the grey overlay of the header. Anyone?
- This reply was modified 7 years, 2 months ago by Zwerfie.
February 24, 2017 at 12:12 pm February 24, 2017 #22873

volkodav
Participant

Daniel, its not working =(
Maybe something else?
Help plz!

February 28, 2017 at 9:16 am February 28, 2017 #22877

Oleksiy
Participant

Hello!

Try this custom CSS:

.background-parallax:after {
background: rgba(0, 0, 0, .2);
}

February 28, 2017 at 10:26 am February 28, 2017 #22878

Oleksiy
Participant

just change .2 to 0 or disable it

February 28, 2017 at 12:01 pm February 28, 2017 #22879

volkodav
Participant

Oleksiy, many thanks your for help =)