Header image too dark

cupidslovediary · Member · Nov 12, 2017 at 6:48 pm
Copy link

Add topic to favorites
Hi!
my site header image is turning out to be darker than the original upload.
Have pasted two sets of CSS but didnt work
1: .header-image::after {
background-color: transparent;
}
2: .header-image::after {
background-color: transparent;
}

Please help

The blog I need help with is: (visible only to logged in users)
robertghetau · Staff · Nov 12, 2017 at 9:10 pm
Copy link
Hi there,

The element that makes the header darker is named ‘custom-header’. Therefore the following CSS should do the job:
```
.custom-header {
    background-color: transparent;
}
```
Also, I can see the image has a 70% opacity on it but you can bump it up to 100% like this:
```
@media screen and ( min-width: 48em ) {
	.custom-header-image {
		opacity: 1;
	}
}
```
Let me know if it helped.

Cheers,
Robert
acesabe · Member · Nov 12, 2017 at 9:10 pm
Copy link
Hi, to disable image opacity have a go with:
```
.custom-header-image {
    opacity: unset;
}
```
If you still want some level of opacity, values between 0.01(darker) and 0.99 (lighter) will work in place of value ‘unset’.

Hope this helps
acesabe · Member · Nov 12, 2017 at 9:12 pm
Copy link
Just beaten to it by the theme author there!!
cupidslovediary · Member · Nov 13, 2017 at 9:40 am
Copy link
hey robert thanks so much both the codes worked! thanks acesabe too! i didnt figure that the opacity was a prob too just thought there was an overlay. good to be helped by pros :P
robertghetau · Staff · Nov 13, 2017 at 2:35 pm
Copy link
You are welcome, @cupidslovediary!

Also, good catch @acesabe.

Robert
lovekatieanddallin · Member · Nov 15, 2017 at 7:00 pm
Copy link
How do you get to the CSS? Do you have to pay for premium to make the header transparent and not dark anymore?
robertghetau · Staff · Nov 15, 2017 at 7:16 pm
Copy link
Hey,

The Custom CSS feature is available via the Premium and Business plans as described here: https://en.support.wordpress.com/custom-css/

Let us know in other topics if you need help with something in particular.

No items found.