How To Use This CSS Test World

This is a public test world that uses every single feature of World Anvil.
Use your browser's inspect tool to find parts to customise, or to preview your homemade CSS themes!

If you are looking for World Anvil tutorials and guides, check the World Anvil Codex

It has a CSS Master Checklist for finding examples of all features to customize.

How to use your browser's inspect tool:

• Firefox - https://developer.mozilla.org/en-US/docs/Tools/Page_Inspector
• Chrome - https://developers.google.com/web/tools/chrome-devtools
• Edge - https://docs.microsoft.com/en-us/microsoft-edge/devtools-guide-chromium
• Safari - https://support.apple.com/en-gb/guide/safari-developer/welcome/mac
• Opera - https://dev.opera.com/extensions/testing/

I strongly suggest looking up relevant articles, tutorials and videos on how to use your browser's developer tools and inspect mode. By understanding these tools you will be able to find out what each element is in order to modify it, preview your changes live, and even preview your entire theme over the top of this test world (without requiring access to World Anvil's css pop out panel).
Example of previewing my own theme on this world just in the browser:

Where to learn CSS

• World Anvil Codex - this is important to read because WA has security measures that mean some things won't work as expected without adjustments
• W3Schools CSS
• CSS-Tricks
• freeCodeCamp
• CodePen
• Honestly, just Google what you want to achieve

---