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 .
×

CSS does not apply to roll templates!

Hi, there! I have the following rolltemplate HTML in my sheet: <rolltemplate class="sheet-rolltemplate-atributo">          <div class="sheet-template-container">             <div class="sheet-template-header">                <h4>{{nome}} testou e:</h4>             </div>             <div class="sheet-template-row">                      {{nome}} rolou:             </div>             <div class="rollbox-template-row">                      {{desempenho}}             </div>          </div>       </rolltemplate> And the following CSS: .sheet-rolltemplate-atributo .sheet-template-container {   color:#730A18;   background-color:#FCECD8;   margin-left:8px;   padding-left:5px;   padding-bottom:3px; } .sheet-rolltemplate-atributo .sheet-template-header {   position:relative;   border:3px solid #F2AC63;   color:black;   left:-11px;   font-weight:bold;   font-size:11pt;   background-color:white;   padding:3px;   display:inline-block;   border-radius:3px; } .sheet-rolltemplate-atributo .sheet-template-row {   background-color: #ff0;   border: 1px solid #0f0;   color: #0f0; } The CSS is simply beeing ignored! Can anyone tell me what I am doing wrong? Thanks!
1651892449

Edited 1651892525
vÍnce
Pro
Sheet Author
Hi Zartmann, it looks good to me. In a quick test it appears to be working in FF...  Perhaps there is some additional html/css that is causing an issue? (unclosed element, or malformed css) Not sure. What does your output look like?
Hi, there! Thank you so much! I'm using Microsoft Edge. I'm gonna try another browsers. To me it look like this: Pretty standard... I wrote an axagereted CSS as you can see, just to see if would work, but no luck.
1651934547
Kraynic
Pro
Sheet Author
Zartmann Drakhos said: I'm using Microsoft Edge. I'm gonna try another browsers. Yeah, while Edge is now a chromium based browser, that still doesn't make it quite the same as Chrome.  Since only Firefox and Chrome are officially supported, it is best to stick with those when creating/testing a character sheet.
Well, the CSS doesn't work on neither Chrome or Firefox as well. I'm out of ideas. I don't see any errors. Does anybody have a simple rolltemplate HTML/CSS code for me to try? Thank you, guys!
1651947120
GiGs
Pro
Sheet Author
API Scripter
It would be better for you to post your entire html and css files on pastepin.com. It's very likely there's nothing wrong with the CSS you posted, but there's another error earlier in your code that is breaking things, and it's impossible to guess what that might be.