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 .
×

Misaligned Character sheet

1561592005

Edited 1561592030
Hello, I've been having some issues with my character sheet alignment and some alignment in chat. I have tried everything I could find to fix it including resetting cache/cookies, resetting website zoom, trying different browsers (Has same issue on firefox and chrome) and removing all extensions. I have opened roll 20 on my laptop and it was fine there, but I noticed the font is different and not as bold on it. Any ideas on how to fix?
1561595758
Kraynic
Pro
Sheet Author
Hmm, maybe you could check your browser settings and see if the font and font size are at the default setting?  That is the only idea I have.  It is the only thing that comes to mind that might be different between 2 computers assuming your zoom is normal on both.
Hello Erayse, I am sorry to hear that you have encountered this issue with text size. Since none of the troubleshooting steps have worked, please   thoroughly work through all of   Step 4  of our  Solving Technical Issues  guide .   (Don't forget the complete Console Log!) Additionally, can you confirm if this is only happening in one of your games? If so please let us know the name of that game. Thanks! For informational purposes, you mention that you have also tried in both Firefox and Chrome. Please note that Roll20 is  only Chrome and Firefox are supported. So if you are using any other browser, we cannot provide assistance with it. We can, however, provide assistance in those two browsers. 
Hi, it is currently happening on all of my games in roll20 on both browsers. Log errors: /editor/:12 Refused to execute inline script because it violates the following Content Security Policy directive: "script-src 'self' 'unsafe-eval' https://*.googlesyndication.com https://*.doubleclick.net <a href="https://partner.googleadservices.com" rel="nofollow">https://partner.googleadservices.com</a> <a href="https://www.googletagservices.com" rel="nofollow">https://www.googletagservices.com</a> <a href="https://ssl.google-analytics.com" rel="nofollow">https://ssl.google-analytics.com</a> <a href="https://www.google-analytics.com" rel="nofollow">https://www.google-analytics.com</a> <a href="https://ajax.googleapis.com" rel="nofollow">https://ajax.googleapis.com</a> <a href="http://ajax.googleapis.com" rel="nofollow">http://ajax.googleapis.com</a> <a href="https://d3clqjduf2gvxg.cloudfront.net" rel="nofollow">https://d3clqjduf2gvxg.cloudfront.net</a> <a href="https://cdn.firebase.com" rel="nofollow">https://cdn.firebase.com</a> https://*.firebaseio.com https://*.tokbox.com https://*.opentok.com <a href="http://static.opentok.com" rel="nofollow">http://static.opentok.com</a> <a href="http://www.google-analytics.com" rel="nofollow">http://www.google-analytics.com</a> <a href="http://cdn.crowdin.com" rel="nofollow">http://cdn.crowdin.com</a> <a href="https://crowdin.com" rel="nofollow">https://crowdin.com</a> <a href="http://stun.l.google.com" rel="nofollow">http://stun.l.google.com</a>". Either the 'unsafe-inline' keyword, a hash ('sha256-lh7ac4JtSleW+9CIqf+guX3S0FO3um1e33/TZ7hr95I='), or a nonce ('nonce-...') is required to enable inline execution. /editor/:13 Refused to execute inline script because it violates the following Content Security Policy directive: "script-src 'self' 'unsafe-eval' https://*.googlesyndication.com https://*.doubleclick.net <a href="https://partner.googleadservices.com" rel="nofollow">https://partner.googleadservices.com</a> <a href="https://www.googletagservices.com" rel="nofollow">https://www.googletagservices.com</a> <a href="https://ssl.google-analytics.com" rel="nofollow">https://ssl.google-analytics.com</a> <a href="https://www.google-analytics.com" rel="nofollow">https://www.google-analytics.com</a> <a href="https://ajax.googleapis.com" rel="nofollow">https://ajax.googleapis.com</a> <a href="http://ajax.googleapis.com" rel="nofollow">http://ajax.googleapis.com</a> <a href="https://d3clqjduf2gvxg.cloudfront.net" rel="nofollow">https://d3clqjduf2gvxg.cloudfront.net</a> <a href="https://cdn.firebase.com" rel="nofollow">https://cdn.firebase.com</a> https://*.firebaseio.com https://*.tokbox.com https://*.opentok.com <a href="http://static.opentok.com" rel="nofollow">http://static.opentok.com</a> <a href="http://www.google-analytics.com" rel="nofollow">http://www.google-analytics.com</a> <a href="http://cdn.crowdin.com" rel="nofollow">http://cdn.crowdin.com</a> <a href="https://crowdin.com" rel="nofollow">https://crowdin.com</a> <a href="http://stun.l.google.com" rel="nofollow">http://stun.l.google.com</a>". Either the 'unsafe-inline' keyword, a hash ('sha256-+3W9zufhVFpD1XwP4aFx3yWExD//7uoJ+EnLO3a9V0Q='), or a nonce ('nonce-...') is required to enable inline execution. jquery.migrate.js:20 JQMIGRATE: Logging is active app.roll20.net/:5033 Refused to execute inline script because it violates the following Content Security Policy directive: "script-src 'self' 'unsafe-eval' https://*.googlesyndication.com https://*.doubleclick.net <a href="https://partner.googleadservices.com" rel="nofollow">https://partner.googleadservices.com</a> <a href="https://www.googletagservices.com" rel="nofollow">https://www.googletagservices.com</a> <a href="https://ssl.google-analytics.com" rel="nofollow">https://ssl.google-analytics.com</a> <a href="https://www.google-analytics.com" rel="nofollow">https://www.google-analytics.com</a> <a href="https://ajax.googleapis.com" rel="nofollow">https://ajax.googleapis.com</a> <a href="http://ajax.googleapis.com" rel="nofollow">http://ajax.googleapis.com</a> <a href="https://d3clqjduf2gvxg.cloudfront.net" rel="nofollow">https://d3clqjduf2gvxg.cloudfront.net</a> <a href="https://cdn.firebase.com" rel="nofollow">https://cdn.firebase.com</a> https://*.firebaseio.com https://*.tokbox.com https://*.opentok.com <a href="http://static.opentok.com" rel="nofollow">http://static.opentok.com</a> <a href="http://www.google-analytics.com" rel="nofollow">http://www.google-analytics.com</a> <a href="http://cdn.crowdin.com" rel="nofollow">http://cdn.crowdin.com</a> <a href="https://crowdin.com" rel="nofollow">https://crowdin.com</a> <a href="http://stun.l.google.com" rel="nofollow">http://stun.l.google.com</a>". Either the 'unsafe-inline' keyword, a hash ('sha256-vileAyXucIHIT+3pbOzFP62jSSQqBYQ/DZ/WZAa5v4Y='), or a nonce ('nonce-...') is required to enable inline execution. app.js?1561654075:541 70 app.js?1561654075:543 TOUCH SUPPORTED: false app.js?1561654075:543 USING WEBGL ACCELERATION... app.js?1561654075:543 WEBGL STARTUP SUCCESS app.js?1561654075:545 Custom Sheet Translation app.js?1561654075:536 select app.js?1561654075:536 Switch mode to select app.js?1561654075:557 Initializing new dice engine with randomness... app.js?1561654075:557 Using random entropy app.js?1561654075:560 Compiling sheet... app.js?1561654075:560 Found rolltemplate: simple app.js?1561654075:560 Found rolltemplate: atk app.js?1561654075:560 Found rolltemplate: dmg app.js?1561654075:560 Found rolltemplate: atkdmg app.js?1561654075:560 Found rolltemplate: desc app.js?1561654075:560 Found rolltemplate: spell app.js?1561654075:560 Found rolltemplate: traits app.js?1561654075:560 Found rolltemplate: npc app.js?1561654075:560 Found rolltemplate: npcatk app.js?1561654075:560 Found rolltemplate: npcdmg app.js?1561654075:560 Found rolltemplate: npcaction app.js?1561654075:560 Found rolltemplate: mancerroll app.js?1561654075:560 Found rolltemplate: mancerhproll app.js?1561654075:560 Found Charactermancer Repeating Section: topbar app.js?1561654075:560 Found Charactermancer Repeating Section: leveler-topbar app.js?1561654075:560 Found Charactermancer Repeating Section: row app.js?1561654075:560 Found Charactermancer Repeating Section: utilityrow app.js?1561654075:560 Found Charactermancer Repeating Section: choose app.js?1561654075:560 Found Charactermancer Repeating Section: custom-proficiency app.js?1561654075:560 Found Charactermancer Repeating Section: custom-trait app.js?1561654075:560 Found Charactermancer Repeating Section: spell-holder app.js?1561654075:560 Found Charactermancer Repeating Section: spell-item app.js?1561654075:560 Found Charactermancer Repeating Section: asi-row app.js?1561654075:560 Found Charactermancer Repeating Section: hpbylevel app.js?1561654075:560 Found Charactermancer Template: l1-welcome app.js?1561654075:560 Found Charactermancer Template: l1-race app.js?1561654075:560 Found Charactermancer Template: l1-class app.js?1561654075:560 Found Charactermancer Template: l1-abilities app.js?1561654075:560 Found Charactermancer Template: l1-background app.js?1561654075:560 Found Charactermancer Template: l1-equipment app.js?1561654075:560 Found Charactermancer Template: l1-spells app.js?1561654075:560 Found Charactermancer Template: l1-feat app.js?1561654075:560 Found Charactermancer Template: l1-bio app.js?1561654075:560 Found Charactermancer Template: l1-summary app.js?1561654075:560 Found Charactermancer Template: final app.js?1561654075:560 Found Charactermancer Template: lp-welcome app.js?1561654075:560 Found Charactermancer Template: lp-levels app.js?1561654075:560 Found Charactermancer Template: lp-choices app.js?1561654075:560 Found Charactermancer Template: lp-asi app.js?1561654075:560 Found Charactermancer Template: lp-spells app.js?1561654075:560 Found Charactermancer Template: lp-summary app.js?1561654075:560 Found Charactermancer Template: lp-spellchoice app.js?1561654075:560 Found webworker script app.js?1561654075:560 Finding sheet rolls... app.js?1561654075:561 Including compendium template css. app.js?1561654075:563 window resize app.js?1561654075:543 Final set zoom! app.js?1561654075:542 UPDATE GL SIZE! app.js?1561654075:543 Final set zoom! tutorial_tips.js:7 tuts loaded 9Mixed Content: The page at '&lt;URL&gt;' was loaded over HTTPS, but requested an insecure image '&lt;URL&gt;'. This content should also be served over HTTPS. app.js?1561654075:551 Final page load. sheetsandboxworker.js?1561689406479:682 Starting up WEB WORKER gpt.js:1 Refused to load the script '<a href="https://adservice.google.ca/adsid/integrator.js?domain=app.roll20.net" rel="nofollow">https://adservice.google.ca/adsid/integrator.js?domain=app.roll20.net</a>' because it violates the following Content Security Policy directive: "script-src 'self' 'unsafe-eval' https://*.googlesyndication.com https://*.doubleclick.net <a href="https://partner.googleadservices.com" rel="nofollow">https://partner.googleadservices.com</a> <a href="https://www.googletagservices.com" rel="nofollow">https://www.googletagservices.com</a> <a href="https://ssl.google-analytics.com" rel="nofollow">https://ssl.google-analytics.com</a> <a href="https://www.google-analytics.com" rel="nofollow">https://www.google-analytics.com</a> <a href="https://ajax.googleapis.com" rel="nofollow">https://ajax.googleapis.com</a> <a href="http://ajax.googleapis.com" rel="nofollow">http://ajax.googleapis.com</a> <a href="https://d3clqjduf2gvxg.cloudfront.net" rel="nofollow">https://d3clqjduf2gvxg.cloudfront.net</a> <a href="https://cdn.firebase.com" rel="nofollow">https://cdn.firebase.com</a> https://*.firebaseio.com https://*.tokbox.com https://*.opentok.com <a href="http://static.opentok.com" rel="nofollow">http://static.opentok.com</a> <a href="http://www.google-analytics.com" rel="nofollow">http://www.google-analytics.com</a> <a href="http://cdn.crowdin.com" rel="nofollow">http://cdn.crowdin.com</a> <a href="https://crowdin.com" rel="nofollow">https://crowdin.com</a> <a href="http://stun.l.google.com" rel="nofollow">http://stun.l.google.com</a>". Note that 'script-src-elem' was not explicitly set, so 'script-src' is used as a fallback. pc @ gpt.js:1 b @ gpt.js:1 V.l @ gpt.js:1 Ac @ gpt.js:1 Cc @ gpt.js:1 cd @ gpt.js:1 (anonymous) @ gpt.js:1 Gc @ gpt.js:1 (anonymous) @ gpt.js:1 (anonymous) @ gpt.js:1 (anonymous) @ gpt.js:1 gpt.js:1 Refused to load the script '<a href="https://adservice.google.ca/adsid/integrator.js?domain=app.roll20.net" rel="nofollow">https://adservice.google.ca/adsid/integrator.js?domain=app.roll20.net</a>' because it violates the following Content Security Policy directive: "script-src 'self' 'unsafe-eval' https://*.googlesyndication.com https://*.doubleclick.net <a href="https://partner.googleadservices.com" rel="nofollow">https://partner.googleadservices.com</a> <a href="https://www.googletagservices.com" rel="nofollow">https://www.googletagservices.com</a> <a href="https://ssl.google-analytics.com" rel="nofollow">https://ssl.google-analytics.com</a> <a href="https://www.google-analytics.com" rel="nofollow">https://www.google-analytics.com</a> <a href="https://ajax.googleapis.com" rel="nofollow">https://ajax.googleapis.com</a> <a href="http://ajax.googleapis.com" rel="nofollow">http://ajax.googleapis.com</a> <a href="https://d3clqjduf2gvxg.cloudfront.net" rel="nofollow">https://d3clqjduf2gvxg.cloudfront.net</a> <a href="https://cdn.firebase.com" rel="nofollow">https://cdn.firebase.com</a> https://*.firebaseio.com https://*.tokbox.com https://*.opentok.com <a href="http://static.opentok.com" rel="nofollow">http://static.opentok.com</a> <a href="http://www.google-analytics.com" rel="nofollow">http://www.google-analytics.com</a> <a href="http://cdn.crowdin.com" rel="nofollow">http://cdn.crowdin.com</a> <a href="https://crowdin.com" rel="nofollow">https://crowdin.com</a> <a href="http://stun.l.google.com" rel="nofollow">http://stun.l.google.com</a>". Note that 'script-src-elem' was not explicitly set, so 'script-src' is used as a fallback. b @ gpt.js:1 V.l @ gpt.js:1 Ac @ gpt.js:1 Cc @ gpt.js:1 cd @ gpt.js:1 (anonymous) @ gpt.js:1 Gc @ gpt.js:1 (anonymous) @ gpt.js:1 (anonymous) @ gpt.js:1 (anonymous) @ gpt.js:1 gpt.js:1 Refused to load the script '<a href="https://adservice.google.com/adsid/integrator.js?domain=app.roll20.net" rel="nofollow">https://adservice.google.com/adsid/integrator.js?domain=app.roll20.net</a>' because it violates the following Content Security Policy directive: "script-src 'self' 'unsafe-eval' https://*.googlesyndication.com https://*.doubleclick.net <a href="https://partner.googleadservices.com" rel="nofollow">https://partner.googleadservices.com</a> <a href="https://www.googletagservices.com" rel="nofollow">https://www.googletagservices.com</a> <a href="https://ssl.google-analytics.com" rel="nofollow">https://ssl.google-analytics.com</a> <a href="https://www.google-analytics.com" rel="nofollow">https://www.google-analytics.com</a> <a href="https://ajax.googleapis.com" rel="nofollow">https://ajax.googleapis.com</a> <a href="http://ajax.googleapis.com" rel="nofollow">http://ajax.googleapis.com</a> <a href="https://d3clqjduf2gvxg.cloudfront.net" rel="nofollow">https://d3clqjduf2gvxg.cloudfront.net</a> <a href="https://cdn.firebase.com" rel="nofollow">https://cdn.firebase.com</a> https://*.firebaseio.com https://*.tokbox.com https://*.opentok.com <a href="http://static.opentok.com" rel="nofollow">http://static.opentok.com</a> <a href="http://www.google-analytics.com" rel="nofollow">http://www.google-analytics.com</a> <a href="http://cdn.crowdin.com" rel="nofollow">http://cdn.crowdin.com</a> <a href="https://crowdin.com" rel="nofollow">https://crowdin.com</a> <a href="http://stun.l.google.com" rel="nofollow">http://stun.l.google.com</a>". Note that 'script-src-elem' was not explicitly set, so 'script-src' is used as a fallback. pc @ gpt.js:1 b @ gpt.js:1 V.l @ gpt.js:1 Ac @ gpt.js:1 Cc @ gpt.js:1 cd @ gpt.js:1 (anonymous) @ gpt.js:1 Gc @ gpt.js:1 (anonymous) @ gpt.js:1 (anonymous) @ gpt.js:1 (anonymous) @ gpt.js:1 gpt.js:1 Refused to load the script '<a href="https://adservice.google.com/adsid/integrator.js?domain=app.roll20.net" rel="nofollow">https://adservice.google.com/adsid/integrator.js?domain=app.roll20.net</a>' because it violates the following Content Security Policy directive: "script-src 'self' 'unsafe-eval' https://*.googlesyndication.com https://*.doubleclick.net <a href="https://partner.googleadservices.com" rel="nofollow">https://partner.googleadservices.com</a> <a href="https://www.googletagservices.com" rel="nofollow">https://www.googletagservices.com</a> <a href="https://ssl.google-analytics.com" rel="nofollow">https://ssl.google-analytics.com</a> <a href="https://www.google-analytics.com" rel="nofollow">https://www.google-analytics.com</a> <a href="https://ajax.googleapis.com" rel="nofollow">https://ajax.googleapis.com</a> <a href="http://ajax.googleapis.com" rel="nofollow">http://ajax.googleapis.com</a> <a href="https://d3clqjduf2gvxg.cloudfront.net" rel="nofollow">https://d3clqjduf2gvxg.cloudfront.net</a> <a href="https://cdn.firebase.com" rel="nofollow">https://cdn.firebase.com</a> https://*.firebaseio.com https://*.tokbox.com https://*.opentok.com <a href="http://static.opentok.com" rel="nofollow">http://static.opentok.com</a> <a href="http://www.google-analytics.com" rel="nofollow">http://www.google-analytics.com</a> <a href="http://cdn.crowdin.com" rel="nofollow">http://cdn.crowdin.com</a> <a href="https://crowdin.com" rel="nofollow">https://crowdin.com</a> <a href="http://stun.l.google.com" rel="nofollow">http://stun.l.google.com</a>". Note that 'script-src-elem' was not explicitly set, so 'script-src' is used as a fallback. b @ gpt.js:1 V.l @ gpt.js:1 Ac @ gpt.js:1 Cc @ gpt.js:1 cd @ gpt.js:1 (anonymous) @ gpt.js:1 Gc @ gpt.js:1 (anonymous) @ gpt.js:1 (anonymous) @ gpt.js:1 (anonymous) @ gpt.js:1 app.js?1561654075:551 Scan for new plays! app.js?1561654075:549 Auth'ed. app.js?1561654075:549 Go post auth! app.js?1561654075:549 initial setup app.js?1561654075:547 T.i {attributes: {…}, _escapedAttributes: {…}, cid: "c0", changed: {…}, _silent: {…}, …} app.js?1561654075:549 Got players value... app.js?1561654075:550 joining game... 11app.js?1561654075:547 Full load page! app.js?1561654075:549 We have 11 pages app.js?1561654075:548 Player -LWtchF2-0FuEUwzcBGP is offline... app.js?1561654075:548 Global Volume: 100=1 app.js?1561654075:548 Player -LWw6Yz8u6I8zJ1xrcze is offline... app.js?1561654075:548 Player -LWxzKcBrVCNn-1Mj4il is offline... app.js?1561654075:550 Deferred finish joining... app.js?1561654075:541 Firebase Online app.js?1561654075:548 Adding myself before r app.js?1561654075:549 handle page changes app.js?1561654075:549 false app.js?1561654075:551 Scan for new plays! app.js?1561654075:555 MESSAGE RECEIVED app.js?1561654075:555 MessageEvent {isTrusted: true, data: "{"key_value":[{"key":"qid","value":"CPOs0rGSi-MCFc_nZAodtHAENw"}],"googMsgType":"adpnt"}", origin: "<a href="https://app.roll20.net" rel="nofollow">https://app.roll20.net</a>", lastEventId: "", source: Window, …} app.js?1561654075:550 init active page! app.js?1561654075:547 activate page! app.js?1561654075:547 FULLY ACTIVATE VIEWS FOR PAGE. app.js?1561654075:555 MESSAGE RECEIVED app.js?1561654075:555 MessageEvent {isTrusted: true, data: "0=goog_provide_mode↵4=3111699529↵6=2↵16=true↵19=ud…se↵29=4↵33=1561689407730↵35=true↵24=1561689409864", origin: "<a href="https://app.roll20.net" rel="nofollow">https://app.roll20.net</a>", lastEventId: "", source: Window, …} app.js?1561654075:545 Do refresh link cache! app.js?1561654075:547 Graphics: 0 app.js?1561654075:547 Paths: 0 app.js?1561654075:560 Refresh Journal List! app.js?1561654075:560 Search took 157ms app.js?1561654075:547 Reorder by ZORDER app.js?1561654075:546 Swapping <a href="https://s3.amazonaws.com/files.d20.io/images/83828794/HRWDOaT7_NhOoLJCv6Y6zA/thumb.png?15603815965" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/83828794/HRWDOaT7_NhOoLJCv6Y6zA/thumb.png?15603815965</a> to <a href="https://s3.amazonaws.com/files.d20.io/images/83828794/HRWDOaT7_NhOoLJCv6Y6zA/original.png?15603815965" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/83828794/HRWDOaT7_NhOoLJCv6Y6zA/original.png?15603815965</a> app.js?1561654075:540 Executing swap, new source:&nbsp; <a href="https://s3.amazonaws.com/files.d20.io/images/83828794/HRWDOaT7_NhOoLJCv6Y6zA/original.png?15603815965" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/83828794/HRWDOaT7_NhOoLJCv6Y6zA/original.png?15603815965</a> app.js?1561654075:547 Reorder by ZORDER app.js?1561654075:563 window resize app.js?1561654075:543 Final set zoom! app.js?1561654075:542 UPDATE GL SIZE! app.js?1561654075:543 Final set zoom!
I bet you have a high resolution monitor. See this thread here: <a href="https://app.roll20.net/forum/post/6973919/5e-character-sheet-and-chat-distorted" rel="nofollow">https://app.roll20.net/forum/post/6973919/5e-character-sheet-and-chat-distorted</a>
Hello&nbsp;Erayse, Thank you for that Console Log.&nbsp; Can you also provide the additional requested information? This would include: Web Browser and Version number Operating System and Version number If Javascript is enabled Your anti-virus software List of any browser add-ons or extensions enabled As soon as we receive this information, we will be able to provide you additional assistance. Thanks!
1561750832

Edited 1561750956
Google Chrome&nbsp; Version 75.0.3770.100 (Official Build) (64-bit) Firefox newest version Windows 10 Pro Version: 1803 Javascript is enabled&nbsp; Windows Defender and Malwarebytes, though turned Malwarebytes off to see if that was affecting and it is not. Turned all browser extensions off and the issue persisted through a fresh install of Firefox with no browser extensions ever installed on it. Monitor is a 1920x1080 so I wouldn't think it's that. Thanks for the help!
Hi&nbsp;Erayse, Thank you for providing this information.&nbsp; I went ahead and forwarded this over to our devs. Thanks!&nbsp;
Hi Erayse, Would you be able to check and see if this issue happens using different character sheets, as well? Not just our D&amp;D 5e sheet, but others.This would help us try and better pinpoint the issue as we're actively researching this problem. Many thanks in advance!
It seems fine using the Pathfinder character sheet, 13th age, and using the Giffyglyph's Darker Dungeons character sheet aswell. But when I use the DnD 5e Community Contributed character sheet it does the same thing of aligning everything left:
This is happening with other sheets.
We appear to be all clear on the image library issues and we are continuing to monitor the situation. If you're still experiencing these issues, please let me know here.