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 .
×
Create a free account

Chronicles of Darkness Character Sheet - Changing Background pictures

So currently I'm using the&nbsp; <a href="https://github.com/Roll20/roll20-character-sheets/" rel="nofollow">https://github.com/Roll20/roll20-character-sheets/</a>... character sheet and I am trying to insert my own background images/Images. &nbsp; So as per the code below - the background url for all of the raw.github content works fine however if I try to insert my own link (Last line - Hunter Sheet) it doesn't work. &nbsp;How do I allow the program to take my urls for my homebrew setting? Do I have to upload it on Github? Does it have to be in a certain file? Any help would be appreciated :) . It seems like a simple solution, but I can't find it.&nbsp; input.sheet-mortalsheet:checked ~ .sheet-background-image::after { background: url('<a href="https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/New%20World%20of%20Darkness%20Official/IYYhFQo.jpg" rel="nofollow">https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/New%20World%20of%20Darkness%20Official/IYYhFQo.jpg</a>'); background-size: 100% 100%; opacity: 0.2 } input.sheet-vampiresheet:checked ~ .sheet-background-image::after { background: url('<a href="https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/New%20World%20of%20Darkness%20Official/18vqolD.jpg" rel="nofollow">https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/New%20World%20of%20Darkness%20Official/18vqolD.jpg</a>'); background-size: 100% 100%; } input.sheet-werewolfsheet:checked ~ .sheet-background-image::after { background: url('<a href="https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/New%20World%20of%20Darkness%20Official/jxHfu9f.png" rel="nofollow">https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/New%20World%20of%20Darkness%20Official/jxHfu9f.png</a>'); background-size: 100% 100%; } input.sheet-magesheet:checked ~ .sheet-background-image::after { background: url('<a href="https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/New%20World%20of%20Darkness%20Official/78XyEEZg.png" rel="nofollow">https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/New%20World%20of%20Darkness%20Official/78XyEEZg.png</a>'); background-size: 100% 100%; } input.sheet-prometheansheet:checked ~ .sheet-background-image::after { background: url('<a href="https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/New%20World%20of%20Darkness%20Official/KR9EuG6g.png" rel="nofollow">https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/New%20World%20of%20Darkness%20Official/KR9EuG6g.png</a>'); background-size: 100% 100%; } input.sheet-changelingsheet:checked ~ .sheet-background-image::after { background: url('<a href="https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/New%20World%20of%20Darkness%20Official/8FIG4h1g.png" rel="nofollow">https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/New%20World%20of%20Darkness%20Official/8FIG4h1g.png</a>'); background-size: 100% 100%; } input.sheet-geistsheet:checked ~ .sheet-background-image::after { background: url('<a href="https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/New%20World%20of%20Darkness%20Official/deemlbag.png" rel="nofollow">https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/New%20World%20of%20Darkness%20Official/deemlbag.png</a>'); background-size: 100% 100%; } input.sheet-mummysheet:checked ~ .sheet-background-image::after { background: url('<a href="https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/New%20World%20of%20Darkness%20Official/FBU0fWhg.jpg" rel="nofollow">https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/New%20World%20of%20Darkness%20Official/FBU0fWhg.jpg</a>'); background-size: 100% 100%; } input.sheet-demonsheet:checked ~ .sheet-background-image::after { background: url('<a href="https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/New%20World%20of%20Darkness%20Official/IYYhFQo.jpg" rel="nofollow">https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/New%20World%20of%20Darkness%20Official/IYYhFQo.jpg</a>'); background-size: 100% 100%; } input.sheet-beastsheet:checked ~ .sheet-background-image::after { background: url('<a href="https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/New%20World%20of%20Darkness%20Official/IYYhFQo.jpg" rel="nofollow">https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/New%20World%20of%20Darkness%20Official/IYYhFQo.jpg</a>'); background-size: 100% 100%; } input.sheet-fallensheet:checked ~ .sheet-background-image::after { background: url('<a href="https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/New%20World%20of%20Darkness%20Official/IYYhFQo.jpg" rel="nofollow">https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/New%20World%20of%20Darkness%20Official/IYYhFQo.jpg</a>'); background-size: 100% 100%; } input.sheet-purifiedsheet:checked ~ .sheet-background-image::after { background: url('<a href="https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/New%20World%20of%20Darkness%20Official/IYYhFQo.jpg" rel="nofollow">https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/New%20World%20of%20Darkness%20Official/IYYhFQo.jpg</a>'); background-size: 100% 100%; } input.sheet-huntersheet:checked ~ .sheet-background-image::after { background: url('<a href="http://imgur.com/a/xMTGS" rel="nofollow">http://imgur.com/a/xMTGS</a>'); background-size: 100% 100%;
1498010058

Edited 1498010281
vÍnce
Pro
Sheet Author
Does your url link to an image? &nbsp; <a href="http://imgur.com/a/xMTGS" rel="nofollow">http://imgur.com/a/xMTGS</a> doesn't seem to link to anything. &nbsp;I normally right-click an imgur image(use inspect element or similar) and use the actual link to the image, not to an imgur page showing the image. &nbsp;I hope that makes sense. &nbsp;;-P &nbsp;Example; all the other URL's in the css you posted include an image extension ie "foo .jpg"