Custom Character Sheet CSS Not Being Applied

About a week ago, I logged in to Roll20 and the CSS styling was not being applied to my customer character sheet. I have not made any html or CSS changes for a few weeks. I refreshed, re-started my computer, emptied my cache and nothing changed, still no CSS being applied. I checked the console logs and found this error: Potential CSS security violation; character sheet template styling thrown out. So obviously this error is causing the CSS to not be applied, but what is causing this error? I searched the forums and documentation and the only reference I found was this error related to Google fonts. I am not using Google fonts in the custom character sheet. I searched through my CSS and have not found anything wrong that I can see. I am using Windows 11 and Chrome version Version 105.0.5195.54 (Official Build) (64-bit). I also already sent an official request to the Roll20 help center with all of the required information and they also have no idea how to fix it. They requested I post on the forums to find a solution. Here is a copy of their email to me: "Hi there, Thanks for reaching out and sorry for the confusion! Just to set expectations here, our XP Team is not exceedingly well versed in character sheet creation or code -- so we may be unable to help too terribly much. So my pre-emptive apologies for that! You may have a lot of luck on our Character Sheet forum section which has some brilliant regulars which may be able to assist more directly.   Checking the game in question, it was a bit difficult to tell what exactly was wrong. I understand that you likely don't have "before" screenshots, but anything you can provide on that front can help paint us a picture.   Taking a look at the CSS, I did find a single dropped semi-colon ";" within the file which had a drastic effect on the sheet once resolved. The dropped semicolon happened within the .sheet-wishlistarea { object. After width: 97% it seems to be missing a semi-colon.   May be simple, but I hope it helps somewhat! Please let us know if you have any further issues/questions and we will help as much as we can.   Best, Miles" Please help. Thank you. Brian

In addition, I have also always had the legacy CSS checkbox checked. I unchecked it to try the new CSS system and saved it, with no CSS still being applied. I tried switching back and forth between the legacy CSS and the new CSS system with no changes. CSS still not being applied either way.

Did you find the spot with the missing semicolon that was mentioned in that reply? You will need to put the full html and css files somewhere and post a link to them.  Otherwise, no one here will have a way to see the code.

Hi Kraynic. Yes, I did put in the missing semicolon already, with no css changes.

I will upload my html and css code shortly. Thank you.

The error you are getting means that you are using a problem character(s) in your css. There's a pretty extensive list of them, so not sure which one it could be. I'd recommend grabbing the Roll20 Autocode extension for chrome and loading your sheet code into a sandbox with it. It will give you details on what character(s) you have in your css that are causing problems.

Thank you Scott. I will definitely try that. In the meantime, here are links to my html and css below: HTML: <a href="https://www.feriarpg.com/roll/html.txt" rel="nofollow">https://www.feriarpg.com/roll/html.txt</a> CSS: <a href="https://www.feriarpg.com/roll/css.txt" rel="nofollow">https://www.feriarpg.com/roll/css.txt</a> SCREENSHOT: <a href="https://www.feriarpg.com/roll/screenshot.png" rel="nofollow">https://www.feriarpg.com/roll/screenshot.png</a>

The list Scott referred to is here . It looks like the string 'eval' is used a couple of times. A quick run through the CSS filter says remove those two references should fix the issue. It's in a class name and image url 'skillevaluate'. Easiest way is to just misspell it or break the word up - 'skillevluate/skillev-aluate' or something, as long as the 4 characters 'e v a l' are not next to each other.

Oosh said: The list Scott referred to is here . It looks like the string 'eval' is used a couple of times. A quick run through the CSS filter says remove those two references should fix the issue. It's in a class name and image url 'skillevaluate'. Easiest way is to just misspell it or break the word up - 'skillevluate/skillev-aluate' or something, as long as the 4 characters 'e v a l' are not next to each other. There's also an evaluate.png that would need to be renamed.

Thank you so much for everyone's help! Oosh and Finderski you were both totally right. It was the eval that was the issue. Everything works perfectly now. Thank you again.