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

How to Style the Bio & Info Tab with Custom HTML and CSS Styles

1552802954

Edited 1552802968
For anyone who finds the formatting tools provided with the sandbox editor for the character Bio & Info tab a bit limited, I've figured out a way to import custom HTML (including in-line CSS) to really polish up those character bios: Not sure if this is old news or, indeed, if there's an easier way I'm oblivious to, but this is how I do it: You'll need the Chrome/Firefox extension "VTT Enhancement Suite", which you should be able to easily find by searching for it in your browser's add-ons store (not quite sure whether there's a policy against linking to external programs). Use the "Export & Overwrite" tab to export a .json file for the character you want to edit. Open the .json file in a text editor.  Near the top is a "Bio" property; you'll be pasting your code in between the quotes:  But first, you need to translate your HTML/CSS code into Unicode, which you can do with this helpful converter .  Once you've pasted in the Unicode string, save your file, and then upload it back into your character using the same "Export & Overwrite" tab.  (Keeping a backup of the character --- and, indeed, your whole game --- is always a good idea!)
1552813325
Mike W.
Pro
Sheet Author
I have been using the " VTT Enhancement Suite" for some tine. I highly recommend this extension as it can do many things that have been sitting in the Roll20 suggestion forum already. plus even more But what you did I had no idea that could be done - Great information Ryan
1552840626
keithcurtis
Forum Champion
Marketplace Creator
API Scripter
There's a similar trick here . I would be careful though. Both of these techniques are more than a little kludgy and may have unintended consequences. They may work, but they could also be in essence "voiding your warranty" and making it difficult to impossible for a dev to assist any damage caused. Use with caution.