[CSS Customizations] How to remove dark shading on featured images through pages

[alicatgatorgirl]

I’ve figured out how to remove the dark shade on the pages created with a custom template. However, the pages that have a default template and images at the top of the page have a dark shade over the images. I would like to remove this shading. How do I do that on pages without a custom template?

For example, http://www.imgdemo.com/products-2/

Thanks so much

Topic

[Jason Bobich]

Unfortunately there is no feature to to change the shading of the featured image. This is the design of the theme, in order to help ensure that no matter the image you use, the title of the page or post is still readable. Changing this would only be possible through your own CSS customizations.

For CSS changes, it’s a good idea to use a tool like firebug or Google Chrome’s built-in developer tools to locate them and then put the edits either in your child theme‘s style.css or in the “Custom CSS” option on your theme options page.

.epic-thumb figure img {
  opacity: 1; /* 0.1 to 1 */
}

Note: There is black behind the featured image. So the opacity of the image determines how “shaded” the image is, as it sits above the black. By default, the image is at 0.5 (50%) opacity.

[Author]

Replies