Changing Sheet Background (Shadow of the Demon Lord)

Hi there, I am looking to host a Shadow of the Demon Lord game but with a more generic fantasy flavor. I am hoping to be able to change the background image to be something less dark fantasy in tone. I tried messing around with the css styling following instructions from other forums but I would simply get a blank background and a different font on the sheet afterwards. What are some ways I can look into to change the background image?

Do you have a link to the image you were thinking of using for the background?

This wik page have examples on how to edit sheets and how background images can be defined: <a href="https://wiki.roll20.net/Image_use_in_character_sheets#Background" rel="nofollow">https://wiki.roll20.net/Image_use_in_character_sheets#Background</a> If you just want to set a plain color, use this in the css: <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/background-color" rel="nofollow">https://developer.mozilla.org/en-US/docs/Web/CSS/background-color</a>

Finderski said: Do you have a link to the image you were thinking of using for the background? I haven't really decided yet since I couldn't experiment with the look. But for a start, how about this one?&nbsp; <a href="https://imgur.com/YgdFbIT" rel="nofollow">https://imgur.com/YgdFbIT</a> Thanks for the help!

In the sheet's CSS file you should see something like: .charsheet .sheet-main { &nbsp; &nbsp; background: url(<a href="https://imgsrv.roll20.net/?src=https%3A//raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Shadow%2520of%2520the%2520Demon%2520Lord/Assets/main_bg.jpg" rel="nofollow">https://imgsrv.roll20.net/?src=https%3A//raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Shadow%2520of%2520the%2520Demon%2520Lord/Assets/main_bg.jpg</a>); &nbsp; &nbsp; background-repeat: no-repeat; &nbsp; &nbsp; background-position: center center; &nbsp; &nbsp; background-size: cover; &nbsp; &nbsp; height: 1139px; &nbsp; &nbsp; width: 880px; } You just need to swap out the URL .charsheet .sheet-main { &nbsp; &nbsp; background: url(<a href="https://i.imgur.com/YgdFbIT.jpeg" rel="nofollow">https://i.imgur.com/YgdFbIT.jpeg</a>); &nbsp; &nbsp; background-repeat: no-repeat; &nbsp; &nbsp; background-position: center center; &nbsp; &nbsp; background-size: cover; &nbsp; &nbsp; height: 1139px; &nbsp; &nbsp; width: 880px; } That will give you this: Be aware, the other tabs have different background images (or at least different than the Main tab), so you'd need to replace those URLs, too. But you should be able to find them simply by searching for&nbsp; http:// &nbsp;and then finding the ones associated with background or background-image, etc.

Oh nice! I was confused because I did tried what you did but to no avail. Now I realised that I had copied from the wrong html file, which fixed the issue. Thank you so much!