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
    Posts
  • #171966
    mari
    Participant

    Hello,
    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,
    Mari

    #171969
    Psink
    Keymaster

    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.