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

Roll Template Formatting Issue

How do I get the left padding in the message box shown here: To go away, like this? Even if I delete all  my roll template CSS, the left padding in the message box - outside the template - still persists. Help? (Oh, and here's my roll template...) < rolltemplate   class = "sheet-rolltemplate-spell" >      < table >          < caption >             {{title}}              < br />             {{subtitle}}          </ caption >          < tr >< td > Type </ td >< td > {{type}} </ td ></ tr >          < tr >< td > Range </ td >< td > {{range}} </ td ></ tr >                   < tr >< td > Duration </ td >< td > {{duration}} </ td ></ tr >          < tr >< td   class = "description"   colspan = "2" > {{description}} </ td ></ tr >      </ table > </ rolltemplate >
1614575379
Kraynic
Pro
Sheet Author
If I am right, that second screenshot is of a template from one of my sheets, so is based on the improved basic template by Jakob. <a href="https://wiki.roll20.net/Building_Character_Sheets/Roll_Templates#Jakob.27s_Better_Default_Rolltemplate" rel="nofollow">https://wiki.roll20.net/Building_Character_Sheets/Roll_Templates#Jakob.27s_Better_Default_Rolltemplate</a>
1614619200

Edited 1614619293
I think the padding is caused by the Chat Avatars. Turn that off (uncheck) Enable chat avatars in Settings in the game.
1614619415
LongShadow
Pro
Sheet Author
If you inspect the element on the page, you'll probably see there is some padding, which is controlled by the following CSS classes:- .textchatcontainer .message On the sheet we use it's set to padding:left: &nbsp;45px; You could try changing that, or both padding-left and padding-right.
1614620043
Kraynic
Pro
Sheet Author
Or, you can follow the link I provided and see the comments in the first couple lines of the example css that specifically mention that margin.
@Kraynic. Thanks. That's what I was looking for.&nbsp; Regarding elimination of the OGL pink boxes from your menu macros, I tried this , but no effect. How can I get my chat menu spell lists to look like yours?
1614666436

Edited 1614666468
Kraynic
Pro
Sheet Author
This is the part of mine that changes the buttons: .sheet-rolltemplate-custom a[href^='!'],.sheet-rolltemplate-custom a[href^='~']{ background-color:transparent; border:0; color:#3f8aa6; display:inline; padding: 0 }
That worked. Thanks, again!