Can't get rid of yellow background on FATE macro with CSS

I am using the macro system to roll 4DF (FATE dice) and modifying looks with CSS in the custom character sheet. On a normal roll of 4DF it will display a graphic of the dice with the results and a total. In the macro, it has the result with a tooltip of the individual dice results. All fine and good there. Example below: <a href="http://imgur.com/a/PT0cL" rel="nofollow">http://imgur.com/a/PT0cL</a> Here is my macro:&nbsp; /me Attacks &{template:hordeattack} {{name= Attack Roll}} {{attack=[[4DF+(?{modifier|0})]]}} What is not good is the result has an ugly yellow background. I have tried getting rid of this in the CSS, but it just will not go away. Here is my CSS: <a href="http://pastebin.com/V0ubugUD" rel="nofollow">http://pastebin.com/V0ubugUD</a> As you can see I have tried manipulating .textchatcontainer .inlinerollresult but with nil effect. I've also tried background: transparent;. Tried other stuff too but nothing seems to change it, when it really should. It's super annoying because it takes away from the aesthetic of what I'm trying to do with CSS. Help me oh CSS gods of renown!

That's the default yellow background of inline rolls in Roll20. Has nothing to do with the Fate roll template or character sheet css.

Could you link to the sheet's HTML & CSS?

My character sheets use css which looks like: &nbsp;.sheet-rolltemplate-MyRollTemplate .inlinerollresult {&nbsp; /* inline roll background is transparent and it has no border */ &nbsp;&nbsp; &nbsp;background-color: transparent; &nbsp;&nbsp; &nbsp;border: none; } If you have more than one roll template, you need to have a version of this for each one; just copy it and change the name. I don't use the colored border for crits/failures so I color the result instead.&nbsp; That looks like: &nbsp;.sheet-rolltemplate-MyRollTemplate .inlinerollresult.fullcrit { &nbsp;&nbsp; &nbsp;color: #3FB315;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; /* strong green for crit results for the inline roll */ &nbsp;&nbsp; &nbsp;border: none; } &nbsp;.sheet-rolltemplate-MyRollTemplate .inlinerollresult.fullfail { &nbsp;&nbsp; &nbsp;color: #B31515;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; /* strong red for fumble results for the inline roll */ &nbsp;&nbsp; &nbsp;border: none; } &nbsp;.sheet-rolltemplate-MyRollTemplate .inlinerollresult.importantroll { &nbsp;&nbsp; &nbsp;color: #4A57ED;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; /* blue for mixed fumble/crit results for the inline roll */ &nbsp;&nbsp; &nbsp;border: none; } I snagged these from the original roll template threads from the Pro forum when it first came out.&nbsp; They also show up on Riley's original examples in the wiki here:&nbsp; <a href="https://wiki.roll20.net/Roll_Templates#Roll_Templ" rel="nofollow">https://wiki.roll20.net/Roll_Templates#Roll_Templ</a>... &nbsp;&nbsp;&nbsp; (I added the comments for myself so I could remember what did what. :) Hope that helps.

And for just the basic element (slightly different from what you already have): .sheet-rolltemplate-MyRollTemplate .inlinerollresult { background-color: transparent ; color: #000000; /* Or whatever text color you want */ border: none; }

Thanks everyone. Looks like adding&nbsp;.textchatcontainer is what broke it. All fixed now.