Roll20 uses cookies to improve your experience on our site. Cookies enable you to enjoy certain features, social sharing functionality, and tailor message and display ads to your interests on our site and others. They also help us understand how our site is being used. By continuing to use our site, you consent to our use of cookies. Update your cookie preferences .
×
D&D 2024 has arrived! Pre-order the new core rulebooks now and get an exclusive pre-order bonus for free!
Create a free account

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?
1605878660
Finderski
Pro
Sheet Author
Compendium Curator
Do you have a link to the image you were thinking of using for the background?
1605881823
Andreas J.
Forum Champion
Sheet Author
Translator
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!
1606378680
Finderski
Pro
Sheet Author
Compendium Curator
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.
1606633233

Edited 1607253357
Yek
Plus
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!