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

Assistance with a sheet

Helooooooooooo, I'm working on a custom sheet for a custom game system at the moment, and was wondering how to refer to the sheet as a whole for CSS, every time I try to do so with a div it either does nothing, or colors the wrong section, thanks
1596240509
GiGs
Pro
Sheet Author
API Scripter
I'm not clear exactly what youre doing or why its going wrong, some code would help. But .charsheet refers to the whole sheet.
1596243652

Edited 1596243683
vÍnce
Pro
Sheet Author
All roll20 sheets will add "sheet-" to each of your css class assignments, so make sure you include that in your css class names.  You don't need to include that in your html, but your css MUST include it in your css. example; <div class="some-cool-css">     Cool Stuff </div> .sheet-some-cool-css {     border: 1px solid red; }
1596244692

Edited 1596244800
Andreas J.
Forum Champion
Sheet Author
Translator
The issue is like what Vince just mentioned, but just to be sure, it might be a goo idea to check the rest of the checklist: <a href="https://wiki.roll20.net/Building_Character_Sheets#Common_Mistakes" rel="nofollow">https://wiki.roll20.net/Building_Character_Sheets#Common_Mistakes</a> And as GiGs said, we need to see the engine of your car to be able to a conclusive diagnosis, beyond just mentioning some general tips.
1596248450

Edited 1596248730
If the class DOES include the sheet- does the css require an additional sheet- to recognize it? or just the one still? says it assumes its there but does it check to see first, the initial response from GiG fixed this threads problem by the way, the HTML is something I'm familiar with outside of R20's quirks with some of it, but CSS is new to me so I'm probably going to have a LOT more posts about this whole thing. Edit: &gt;.&gt; Weird question, the method for referring to an image as a background in CSS that I found doesn't seem to be working for the sheet, do I need to point to the image differently for r20? The current reference is below, the goal is to make the sheet look like its on old paper. And the actual hexidecimal for old paper hurts the eyes a tad when its surrounded by r20's white&nbsp; &nbsp;background-image : &nbsp;url("OldParchment.jpg") ;
1596249848
Andreas J.
Forum Champion
Sheet Author
Translator
If the class DOES include the sheet- does the css require an additional sheet- to recognize it? Likely. But best just to avoid right? No point in extra confusion if you can have better working naming schemes. Edit: &gt;.&gt; Weird question, the method for referring to an image as a background in CSS that I found doesn't seem to be working for the sheet, do I need to point to the image differently for r20? The current reference is below, the goal is to make the sheet look like its on old paper. You need th have a full url there. Please read the documentation, it have more than one example on how images can be referenced. <a href="https://wiki.roll20.net/Building_Character_Sheets#Images" rel="nofollow">https://wiki.roll20.net/Building_Character_Sheets#Images</a>
Awesome thank you!