How do I use an image as the background in Obsidian?

What I’m trying to do

I am trying to use an image on my computer as the background in Obsidian.

Things I have tried

I did a search in the help section and through Google but the only thing that came up was how to use a URL address but that is not what I want to do.
Here is the code I am trying to use:

Blockquote CodeMirror {
background-image: file://C:\Users\madma\Documents\Obsidian%20HARP\Parchment1.jpg;
background-repeat: no-repeat;
background-position: 50% 100%;
background-attachment: fixed;
background-size: 100% 100%;
}
.markdown-preview-view {
background-image: file://C:\Users\madma\Documents\Obsidian%20HARP\Parchment1.jpg;
background-repeat: no-repeat;
background-position: 50% 100%;
background-attachment: fixed;
background-size: 100% 100%;
}

Below is to look up an image online, but I want it to pull an image from my computer instead of online.

Blockquote background-image: url(https://dl.dropboxusercontent.com/s/YOUR IMAGE.jpg?dl=0);

Here is an alternate line I tried with no luck:

Blockquote background-image: background-image: background-image: url(file://C:\Users\madma\Documents\Obsidian%20HARP\Parchment1);

1 Like

Tried this but still not working:

Blockquote
.CodeMirror {
background-image: url(file://C:/Users/madma/Documents/Obsidian%20HARP/Parchment1.jpg);
background-repeat: no-repeat;
background-position: 50% 100%;
background-attachment: fixed;
background-size: 100% 100%;
}
.markdown-preview-view {
background-image: url(file://C:/Users/madma/Documents/Obsidian%20HARP/Parchment1.jpg);
background-repeat: no-repeat;
background-position: 50% 100%;
background-attachment: fixed;
background-size: 100% 100%;
}

1 Like

This topic was automatically closed 90 days after the last reply. New replies are no longer allowed.