I am using the Headliner theme. We have a plain black header image and I want to delete the fine gray crosshatch across the header. I can't work out how to do this. Can you please help?
Official response from Taylor Pineiro
Please see below!
Share this post
Showing 4 reactions
Sign in with
In the theme.css file find the following chunk of code under “// optional header image uploaded in site settings”
I just deleted the two background attributes under .site-logo-wrap and it got rid of the hatch background.
Hope this helps others!!
.header-image {
width: 100%;
height: 250px;
background-size: cover;
background-repeat: no-repeat;
}
.site-logo-wrap {
.site-logo {
position: relative;
header {
text-align: center;
padding: 0;
height: 250px;
&:before {
content:"";
position:absolute;
display:block;
width: 100%;
height: 100%;
background: transparent $hatch-background;
background-repeat: repeat;
z-index: 0;
@include opacity(.3);
}