Support » Theme: Twenty Nineteen » remove featured image filter

  • Resolved Suitbert

    (@uitbert12)


    hello,
    how do I get rid of the black-grey filter on top of the featured-image!? Just want to show the pure image as-is. Thanks for your help!
    regards,
    Suitbert

    • This topic was modified 7 months, 1 week ago by  Suitbert.

    The page I need help with: [log in to see the link]

Viewing 14 replies - 1 through 14 (of 14 total)
  • AddWeb Solution Pvt. Ltd.

    (@addweb-solution-pvt-ltd)

    Hello uitbert12,

    Add below css code into your current active child theme’s style.css file or you can add additional css option in theme customizer

    .site-header.featured-image:after {
        background: none;
    }

    Hope this will helps you.

    Thanks.

    Hello,
    thanks for the answer. I have tested the css code, but still do have the black filter on the image. Any further idea for that? Thanks a lot!
    regards,
    Suitbert

    Oh, it’s fine now! Your css is quite perfect! Looks like the server was a bit slowly on updating 😉 Thanks for your help!
    regards,
    Suitbert

    AddWeb Solution Pvt. Ltd.

    (@addweb-solution-pvt-ltd)

    okay no worries.

    Moderator Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Don’t you want the filter to help people read the text? The filter to ensure good contrast between the colour of the text and the image. Without good contrast, you cannot guarantee that the text will be readable to everyone such as people with low vision.

    fatheroftime

    (@fatheroftime)

    “Don’t you want the filter to help people read the text?”

    No, actually some people don’t want the filter. Just like some people don’t want their cigarette filters. And they have the option to remove them. So please add the option to the theme.

    Moderator Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    You can try recommending that, but I can tell you that there has been a shift in the attitude towards accessibility. It is no longer acceptable to create websites that discriminate against people with any ailment, impairment or disability.

    Edit: Well, I stand corrected. It’s core. See below.

    The options to remove the filter for the featured image is actually available via Customize > Colors
    Check or uncheck “Apply a filter to featured images using the primary color”

    Moderator James Huff

    (@macmanx)

    Volunteer Moderator 🚀

    I still wouldn’t recommend doing it, for the reasons Andrew outlined above.

    Suitbert

    (@uitbert12)

    If you choose the filter or not – it should be the user’s choice! It would be a great step forward, if you could select only the headline or / and the head to be displayed with a background! How about that!?
    By the way: the above mentioned “Customiz”-feature does not work here anyhow.

    Moderator Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    I think that’s how it is at the moment, choosing to add a filter is saying you want text on top of the image. If you chose not to add the filter then the text is above the image.

    Moderator Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Is that what you want?

    Moderator Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    If I understand that you want the text on top of the image without filter then you can use the CSS that addweb-solution-pvt-ltd provided.

    But it’s not an approach I recommend and providing an option to do that in the theme is encouraging authors to create inaccessible content.

    I’m not stopping you from suggesting that, I’m trying to explain why it isn’t like that and why it would be irresponsible to introduce an option like that.

    If you wish to create a ticket about it, you can do so here: : https://core.trac.wordpress.org/

    OK, was playing with the settings and this code will enable you to control the amount of darkening. Make the opacity value smaller for a brighter picture.

    /* Controls feature picture background, and can change opacity to make the picture brighter */
    .site-header.featured-image:after {
    opacity: 0.4;
    }

    newb here so… beware.

Viewing 14 replies - 1 through 14 (of 14 total)
  • The topic ‘remove featured image filter’ is closed to new replies.