Maintain brightness of featured images in Anemone theme

salomedadiani · Member · Oct 21, 2015 at 12:25 pm
Copy link

Add topic to favorites
The featured image darkens on my pages in the Anemone theme. You can see an example on this page http://en.optimus.ge/, which is using this image: https://optimusge.wordpress.com/wp-admin/upload.php.
Can you please help with CSS to remove this darkening? I would like to maintain the brightness of my original image

Best Regards,
Salome

The blog I need help with is: (visible only to logged in users)
starxedsteph · Member · Oct 21, 2015 at 1:05 pm
Copy link
Hi Salome,

This is the code that’s controlling that. It’s putting an overlay over the image with that color and the last number 0.5 is a level of transparency.
‘
.site-hero.site-hero-featured-image .site-hero-overlay {
background: rgba(20, 20, 20, 0.5) none repeat scroll 0% 0%;
}
‘
If you put this in your CSS, it should override that and make the overlay completely transparent.
‘
.site-hero.site-hero-featured-image .site-hero-overlay {
background: rgba(20, 20, 20, 0) none repeat scroll 0% 0%;
}
,

Stephanie
starxedsteph · Member · Oct 21, 2015 at 1:07 pm
Copy link
Sorry – I used the wrong symbols to put the code in. This is what you want:
```
.site-hero.site-hero-featured-image .site-hero-overlay {
    background: rgba(20, 20, 20, 0.5) none repeat scroll 0% 0%;
}
```
salomedadiani · Member · Oct 21, 2015 at 1:15 pm
Copy link
hello
it doesn’t work :(
starxedsteph · Member · Oct 21, 2015 at 2:26 pm
Copy link
You used this one?
```
.site-hero.site-hero-featured-image .site-hero-overlay {
    background: rgba(20, 20, 20, 0) none repeat scroll 0% 0%;
}
```
If you wouldn’t mind putting this in the css and saving it so I can take a look at why it’s not working.
g471n · Member · Oct 21, 2015 at 4:19 pm
Copy link
Hi Salome

Try the following custom CSS.
```
.site-hero.site-hero-featured-image .site-hero-overlay {
    background: none;
}
```
To add custom CSS

Select Appearance > Customize > CSS from your Admin Dashboard and enter the custom CSS there.

You need to be on the WordPress.com Premium Plan for custom CSS to save. You can only preview custom CSS on the free plan.

No items found.