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
  • December 6, 2021 at 5:13 am #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

    December 6, 2021 at 6:14 am #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

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