WordPress.org

Forums

Sixteen
[resolved] Remove Grid Over Header Image (10 posts)

  1. CrisDP
    Member
    Posted 1 year ago #

    I am working on this new site: http://www.supernaturalworldview.com/

    I am going to add my own header image to replace the train tracks. I would also like to remove the grid filter over the image.

    1) Is there an easy way to switch it off?

    2) If not, is there a line of code that I can comment out or remove?

  2. divjotsingh_440
    Member
    Posted 1 year ago #

    Add the following code to custom CSS-

    #header-image:after {
    display: none;
    }
  3. Rohit Tripathi
    Member
    Theme Author

    Posted 1 year ago #

    Thanks Divjot.

  4. edujuan
    Member
    Posted 1 year ago #

    If I do not have a Custom CSS, what do I do?

  5. Ita W
    Member
    Posted 1 year ago #

    I have added the following code; #header-image:after {display:none;}
    to stylesheet css, custom-header.php & header.php but got no results. I came across custom css somewhere on the sixteen template but can't find it now. Any ideas anyone.?

  6. Ita W
    Member
    Posted 1 year ago #

    Ok..got it.

  7. Jausan2013
    Member
    Posted 1 year ago #

    You have to delete the file "images/overlay.png " or move it to a different folder and the grid is removed. This theme has come issues to put it mildly.

  8. Jausan2013
    Member
    Posted 1 year ago #

    #header-image:after {
    display: none;
    content: "";
    /* background: url(../images/overlay.png) repeat; */
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: 1;
    border-bottom: solid 9px #000000;
    }

  9. wshoc840
    Member
    Posted 1 year ago #

    yep...removing it seems to be the easiest fix. thanks Jausan2013!

  10. EllJustin
    Member
    Posted 9 months ago #

    Jausan2013, thank you so much!!

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic

Tags