Home Forums Pro Themes Kids Education Pro Black overlay on page header (while using featured image)

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
  • #171966

    I would like to suppress the black overlay on the header image in some of the pages of the site I am managing. See for example this page: https://web.infn.it/infn-kids/sample-page/aspettando-il-natale-2021/1-dicembre/. There, I am using the featured image as header image.
    Could you please help me?
    Thank you, all the best,


    Hello Mari,

    Please add this CSS in Additional CSS to remove overlay on the header image

    #header-image .black-overlay{
        display: none;

    In case you just want to reduce overlay add this one

    #header-image .black-overlay{
        background-color: #000;
        opacity: 0.1;

    Note: opacity 0 means transparent and opacity 1 means solid overlay. And you can just change the color code for background-color to use a different overlay

Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.