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

Restyling pink buttons chat menus for custom character sheet (NOT 5e shaped) via CSS/HTML and NOT Stylus

1654239664
Daniel S.
Pro
Sheet Author
Hi there. I've read through around half a dozen posts about this, but most refer to the Stylus restyling guide or this post here. <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> I managed to get the style how I like within the browser by messing with the CSS in inspect (basically the same as using Stylus). <a href="https://www.dropbox.com/s/sbetrbpjxl14514/Screen%20Shot%202022-06-03%20at%202.49.32%20AM.png?dl=0" rel="nofollow">https://www.dropbox.com/s/sbetrbpjxl14514/Screen%20Shot%202022-06-03%20at%202.49.32%20AM.png?dl=0</a> I pasted that at the end of my CSS but no avail. So my question is, what do I have to do to get this to work in my own character sheet? Do I have to create my own custom chat menu html and CSS instead of referring to roll20's via the [buttontext](~hiddenbuttonname) in the html? Is there a way to just restyle roll20's chat menu template without creating my own? If I were to make my own chat menu template, is there a guide for how I would go about doing that? Would it require some sheetworkers? Maybe there's an example somewhere of Roll20's chat menu html and css I could copy and modify? But if so would I have to call it different in the macro, or would it even be callable in a macro? Thanks.
1654240000

Edited 1654240028
Daniel S.
Pro
Sheet Author
Lol of course I figured it out immediately after making a post. But I'm going to mention the solution anyways since it was so hard to find. Basically had to replace the&nbsp; .sheet-rolltemplate-5e-shaped&nbsp; with the custom roll template I was using (so .sheet-rolltemplate-dodas1). Probably would also have worked with .sheet-rolltemplate-default if not using a custom one. Otherwise the first link forum post worked out.