Category: CSS

Overriding Roll20’s built-in styles, creating your own roll buttons, and even modifying the GUI.

Understanding the tricky concept of Specificity, and how styles override each other.

How to target elements and blocks, and apply your styles to the sheet.

Lying out your sheet into columns and grids, with a surprisingly simple system.

Text and associated properties (such as underlining and shadow effects), and using Google Fonts.

Decorating the sheet with images and colour.

How to arrange elements on the page. Understanding the box model of CSS and the display property.

The basics of CSS – syntax, what a declaration block is, how to apply properties, etc.

An introduction to the CSS Guide, with a table of contents.

This is an important skill when making character sheets. Here’s how to do it with CSS.

Inline styles are when you put style: directly in the HTML. Here are the benefits of using CSS instead.

When creating a sheet, don’t use TABLE. Learn how to use CSS Grid to EASILY organise your sheet.