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 Sheet Bug

1571064140

Edited 1571069650
So I've been using a custom character sheet but the base is the Chronicle of Darkness Roll20 sheet. I haven't gone around drastically changing (except adding a few attribute boxes. But I keep this display issue/bug and I'm not sure how to fix it. The dice roller box text should all be in the right box. And in regards to the physical attributes of Strength, Dexterity, and Resolve; the text is underneath the actual attribute dots. I tried reducing the dots back to 5, but I still can't seem to find the issue. Any help would be appreciated, I can share any code in question.&nbsp; Html:&nbsp; <a href="https://pastebin.com/zCgQfyYC" rel="nofollow">https://pastebin.com/zCgQfyYC</a> CSS:&nbsp; <a href="https://pastebin.com/8WU0JbUr" rel="nofollow">https://pastebin.com/8WU0JbUr</a>
1571066415
Andreas J.
Forum Champion
Sheet Author
Translator
If you share your code someone might be able to help. That being said, the core problem with that sheet is that it's layout is made with &lt;table&gt;(instead of CSS based methods like Flexbox or Grid), which is pretty wonky when you try to change things up.
Okay I'll do so ; what's the best way to share it?
1571068825
Andreas J.
Forum Champion
Sheet Author
Translator
pastebin.com or gist.github.com . On the latter at least you can uploads multiple linked text files, can update your files, and it shows html/css highlighting for easier reading. Pastebin probably have some of the same possibilities, but it's been a staple for sharing raw text on internet for a good time.
Andreas J. said: pastebin.com or gist.github.com . On the latter at least you can uploads multiple linked text files, can update your files, and it shows html/css highlighting for easier reading. Pastebin probably have some of the same possibilities, but it's been a staple for sharing raw text on internet for a good time. Alright, I've updated the original post with the following pastebins Html:&nbsp; <a href="https://pastebin.com/zCgQfyYC" rel="nofollow">https://pastebin.com/zCgQfyYC</a> CSS:&nbsp; <a href="https://pastebin.com/8WU0JbUr" rel="nofollow">https://pastebin.com/8WU0JbUr</a>
1571070788

Edited 1571072141
Andreas J.
Forum Champion
Sheet Author
Translator
If you&nbsp; adjust: .charsheet span.sheet-attr { margin-left: -91px; margin-left: -61px; } It looks like this for me: Edit: It also fixes the looks of the Dice Roller box.
Andreas J. said: If you&nbsp; adjust: .charsheet span.sheet-attr { margin-left: -91px; margin-left: -61px; } It looks like this for me: Edit: It also fixes the looks of the Dice Roller box. WOW! IT DID WORK :). Thank you so much! However; in fixing that issue- it's not caused another one haha. The skills are all unaligned; but I imagine it's a spacer issue or issue with the margins again and stuff.&nbsp;
1571106086
Andreas J.
Forum Champion
Sheet Author
Translator
Maybe adjusting that same value a bit in either direction from my suggestion, it might get fixed?
Andreas J. said: Maybe adjusting that same value a bit in either direction from my suggestion, it might get fixed? It did! You were right ; The holy number was -78px. Seriously thank you so much; you've saved me so much grief and struggle that I've had trying to figure out what was wrong. Your title is well deserved :) .