What I’m trying to do
I would like to add an image as header like in AnyType pages like this one:
Things I have tried
I tried to use some HTML code I found on the forum to insert an image as header image as following:
.view-content {
z-index: 0;
}
img[alt^=“masthead-fade”] {
width: 100%;
margin: 0px auto;
position: absolute;
top: 0;
left: 0;
-webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)));
mask-image: linear-gradient(to bottom, rgba(0,0,0,1), rgba(0,0,0,0));
opacity: 0.4;
z-index: -1;
}
However, even if I added as code, it does not close snippet and interpret it automatically. It’s just as snippet.
Any help would be appreciated.
thx