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

Chat Macro Button Color Change

1588605571
joeuser
Pro
API Scripter
i know this is an old topic but new to Roll20. These posts indicate changing the css of the character sheet (custom) to change the background color of the Chat Macro Button however I don't see any reference to the container mentioned in the posts like "textchatcontainer". Is it just an addition to the css to override the Roll20 container? When inspecting the element it comes from app.css. Thanks in advance for any help.
1588608369
Kraynic
Pro
Sheet Author
You might want to check out a post I made a while back.&nbsp; It has the code if you are working with a roll template (writing a sheet), but also has a reply linking to a way to override it locally with stylus:&nbsp; <a href="https://app.roll20.net/forum/post/7383017/chat-menues-and-the-big-pink-button/?pageforid=7383017#post-7383017" rel="nofollow">https://app.roll20.net/forum/post/7383017/chat-menues-and-the-big-pink-button/?pageforid=7383017#post-7383017</a>
1588616043
joeuser
Pro
API Scripter
Kraynic, I saw your post. Thx. So is that an additional property to the css file? It does not appear to exist in the OGL sheet? I'd rather not use stylus. I'd like it for all players.
1588617240
keithcurtis
Forum Champion
Marketplace Creator
API Scripter
The stylus style should have the bits of css that need to be changed to the base sheet's css file to achieve your goal. I believe .textchatcontainer a[href] affects ALL links in the chat sidebar. It seems to work everywhere, not jsut on that sheet's templates. You might need to define "a" in the roll templates for the sheet, which would be in the HTML. That would probably leave big pink buttons in the default template, though. But an honest-to-goodness sheet designer could give a far more authoritative answer.
1588617575
joeuser
Pro
API Scripter
Keithcurtis, Thx, so it is an override of the default css being used by the app. I'll give it a shot and let you know. Thx much.
1588621452
keithcurtis
Forum Champion
Marketplace Creator
API Scripter
Let me know how it works out. I'm curious.