Posted September 05, 2023 by Hugh Lashbrooke
#customisation #css
On top of being able to customise the TTRPG Roll Tables plugin with filters (as documented here), you can also add your own CSS to change the layout as much as you like. For my own use, I have laid out my roll tables in a responsive 2-column structure - you can see this in action with the Corporate Onboarding roll tables.
In order to help people do the same, I have made this CSS available for others to use. You can copy it from this Gist on GitHub and paste it into your theme's style.css file, or a custom CSS field in your WordPress dashboard: https://gist.github.com/hlashbrooke/15c870b022a3bc1b4bff0e091e6b478d
This layout uses the CSS flexbox system and is fully responsive, meaning that it will adjust to a single column on smaller displays, like mobile phones.