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

Sheet editer Color issues, CSS code Truble?

(I know the color scheme is bad, going for a fallout look.) The problem I'm having is the numbers that you can change in game are this kinda grey that dose not match and is hard to see. I've scourged the CSS for the last day but have not found any lose color code or indication what it is. Is this just a unchangeable part of the macros attached to the numbers or is it hidden in the HTML code and not the CSS? Help this noob out please >.<
1582983698
GiGs
Pro
Sheet Author
API Scripter
You should be able to change those colours. If they are all intended to be the same colour, assign their containers a class, say "class="mycolour", and you should be able to change them with something like this in the css .sheet-mycolour input {     color: godawfulgreen;  } Replace the listed colour with the one you actually want to use. If that isnt working, its likely you are running afoul of CSS specificity, but it's hard to know without seeing your HTML and CSS for one of those sections.
1583008811
Andreas J.
Forum Champion
Sheet Author
Translator
Sometimes it feels like defining it as just "input" isn't enough for Roll20, and you might need to make it input[type="text"], input[type="number"]
1583009667
GiGs
Pro
Sheet Author
API Scripter
Yes, thats increasing specificity. But you dont need to always do that, so i thought I'd start with a simple suggestion and wait to see what they've actually tried.
1583009977
vÍnce
Pro
Sheet Author
I use the browser's inspect element (inspector/css) to experiment on sheets before actually adding/adjusting the code.  Works especially well for specificity issues.
GiGs said: You should be able to change those colours. If they are all intended to be the same colour, assign their containers a class, say "class="mycolour", and you should be able to change them with something like this in the css .sheet-mycolour input { &nbsp; &nbsp; color: godawfulgreen; &nbsp;} Replace the listed colour with the one you actually want to use. If that isnt working, its likely you are running afoul of CSS specificity, but it's hard to know without seeing your HTML and CSS for one of those sections. thanks for the suggestions. ^.^ i could not get it to recognize the input for the color code, even tried @ Andreas J. suggestion input[type="text"], input[type="number"], but CSS was not having it. i opted for a toggle on the top of the sheet for a easy read mode that changes (color: godawfulgreen;) in to a soft background that's easy to read. ill come back to the color issue when time allows but have to have the sheet/game prep for next week, if any one has any other suggestions feel free to drop them and i will keep at it. as for what sheet CSS I'm using its a modified D20 Modern, so far all ive change is the colors, some of the names on skills, ability's &amp; added a few buttons.&nbsp; (<a href="https://github.com/Roll20/roll20-character-sheets/tree/master/d20%20Modern" rel="nofollow">https://github.com/Roll20/roll20-character-sheets/tree/master/d20%20Modern</a>)