Create a 2-column Responsive Layout for Your Roll Tables Page


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.

Get TTRPG Roll Tables: WordPress Plugin

Download NowName your own price

Leave a comment

Log in with itch.io to leave a comment.