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

Problems modifying Tony R. Cyberpunk 2020 Character Sheet

1719789486

Edited 1719789531
Hi, I'm currently working on a modified version of the Tony R. Cyberpunk 2020 Character Sheet. Problem is, in CSS, I've change the font of the original sheet to make it look as i liked, but doing so have change even the attributes and abilities page: text here appears in the main font I have set for the sheet, and the backround appear to be transparent, so that, if i switch to dark mode, i see the fillable field dark too, with unreadible black text. Can someone help me restore the original setup just for this page?  Do you knoe how the font is tag in CSS?  I attach the part of the coding that i think is problematic, but I honestly don't know if the problem is elsewhere. h1, h2, h3, h4, h5, h6, th, td, input[type="radio"].sheet-tab + span { color: black; font-family: "Kaushan Script"; font-variant: small-caps; } h4 { color: black; font-family: "Kaushan Script"; }
1719792834

Edited 1719792914
GiGs
Pro
Sheet Author
API Scripter
Put .charsheet at the start of all CSS blocks that don't include it. Then any changes you make will apply only to the character sheet. That's: .charsheet So that would be .charsheet h1, .charsheet h2, .charsheet h3, .charsheet h4, .charsheet h5, .charsheet h6, .charsheet th, .charsheet td, .charsheet input[type="radio"].sheet-tab + span { color: black; font-family: "Kaushan Script"; font-variant: small-caps; } .charsheet h4 { color: black; font-family: "Kaushan Script"; }
Thank you so much GiGs! What if I want to purposely do the contrary? For example, if i want to change the background for the" attributes and abilities" and the "Bio" pages?
1719837139
Andreas J.
Forum Champion
Sheet Author
Translator
Would likely be something like example given here: <a href="https://wiki.roll20.net/Character_Sheet_Enhancement#Edit_Navbar" rel="nofollow">https://wiki.roll20.net/Character_Sheet_Enhancement#Edit_Navbar</a> Then either look in the repo for css targeting similar stuff, or look at the html/css of those tabs in a game using browser webdev tools .
1719874473
GiGs
Pro
Sheet Author
API Scripter
You'd need to follow Andrea's sggestion. Use Inspect Element to look at the thing you want to change, and there'll be something like .charsheet to you can grab and use.
Ok, i will do it if neede. Thank you both!