This is searchable archive of our old support forums, which operated from 2012 - 2016. To find out how to get support for your current theme, please visit our support page.

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

  • Creator
    Topic
  • #23838

    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

Viewing 1 replies (of 1 total)
  • Author
    Replies
  • #23861
    Jason Bobich
    Keymaster

    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.

Viewing 1 replies (of 1 total)

You must be logged in to reply to this topic.