Hints, Tips & Tricks

How to style your cheatsheet using CSS

• edit cheatsheet
• edit sections
• edit rows
• edit cells
• switch page layout, grid or column
• see public cheatsheet page, download PDF
• change cheatsheet status, publish or unpublish
• delete cheatsheet (scroll to bottom of the page)

• add images, code snippets, links and other content
• use preview mode to see your changes before saving
• link to help and tips page.

You can style your cheatsheet using CSS. You can use the following CSS classes to style your cheatsheet:

• .cheatsheet-component { ... } - to style the cheatsheet component.
• .cheatsheet-component * { ... } - to style the cheatsheet component.
• .cheatsheet-page { ... } - to style the cheatsheet page.
• .cheatsheet-section { ... } - to style the cheatsheet section.
• .cheatsheet-row { ... } - to style the cheatsheet row.
• .cheatsheet-cell { ... } - to style the cheatsheet cell.
• @page { ... } - to style PDF page.
• Every element has unique CSS class or ID, you can find them in the cheatsheet source code.