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 .
×
A third party outage is causing loading issues for a select number of games. Reach out to our Help Center if you're affected!
Create a free account

Working on custom character sheet, css not rendering?

1551619744
Eddas
Sheet Author
I hope someone can help me. I'm working on creating a custom character sheet, and I've been following the wiki as close as I can on best practices. When I load my sheet as an html file in my browser, it renders perfectly. But when I add it to a game as a custom character sheet, none of the css styling renders. Here is my code, in case I'm missing something. <a href="https://jsfiddle.net/wizardeddas/0zyaqtow/1/" rel="nofollow">https://jsfiddle.net/wizardeddas/0zyaqtow/1/</a> Any help would be greatly appreciated.&nbsp;
1551620678

Edited 1551621314
David
Sheet Author
Classes need to start with sheet- this is automatically added to the html but not the css
1551621289
David
Sheet Author
Note that by default, any HTML classes defined in your HTML layout which don't begin "attr_", "roll_" or "repeating_" will be prefixed with "sheet-". So for example, if you want to style some of your input tags to be shorter than others and you define the HTML as &lt;input class='shortfield'&gt;, when processing your layout it will be changed to &lt;input class='sheet-shortfield'&gt;.
1551621994
Eddas
Sheet Author
Ah, thank you. I thought it would add the sheet- to both the html&nbsp;and css. That fixed it.&nbsp;