Maintain brightness of featured images in Anemone theme
-
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 imageBest Regards,
SalomeThe blog I need help with is: (visible only to logged in users)
-
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
-
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%; } -
-
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.
-
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.
- The topic ‘Maintain brightness of featured images in Anemone theme’ is closed to new replies.