Background doesn't cover entire workpage

Things I have tried

I found a lot of good pages that helped me make the code in the first place, particularly here. Unfortunately it seems the code only works in preview mode.

Here’s my code:

.view-content .markdown-preview-view::after {
    content: "";
    position: fixed;
    background-image: url(https://wallpaperaccess.com/full/2415294.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    filter: blur(8px) brightness(30%) saturate(40%);
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
}

And here’s what my workspace looks like:

What I’m trying to do

I’m basically trying to get the background to look like how this user got theirs to look, covering the entire workspace. They had a plugin, however, and mine’s in a custom theme/snippet.

I’m a newb to CSS, but from what I’ve gathered it just has something to do with changing/adding something to the heading (is that the right word? the area that says ".view-content .markdown-preview-view etc)

Thanks for being patient with a coding newb :slight_smile:

Figured it out :slight_smile:

.view-content {
    z-index: 0;
}

.workspace-leaf {
    --background-primary: transparent;
}

.body, .workspace-leaf:after {
    content: "";
    position: fixed;
    background-image: url(https://wallpaperaccess.com/full/2415294.jpg); /*Change the url */
    background-repeat: no-repeat;
    background-size: cover;
    filter: blur(8px) brightness(50%) saturate(40%) opacity(75%);
    left: 0;
    top: 0;
    right: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
}

my only (small) problem now is that the background just repeats itself in every window instead of what i’d like, which is having it as a regular background over the entire page. It’s not a big deal since the background I chose works either way.