World Anvil CSS Test
Last updated: 30th May 2020
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!
For more information on how to do this, please read the Guide to CSS Formatting on the World Anvil Codex.
This world uses many guild-exclusive features. More info on those can also be found in the World Anvil Codex.
The cheapest guild membership allows you access to CSS theming! Fancy an upgrade?
You can explore this test world however you like by using the table of contents or the search bar.Use your browser's inspect tool to find parts to customise, or to preview your homemade CSS themes!
For more information on how to do this, please read the Guide to CSS Formatting on the World Anvil Codex.
This world uses many guild-exclusive features. More info on those can also be found in the World Anvil Codex.
The cheapest guild membership allows you access to CSS theming! Fancy an upgrade?
Join the Guild
If you want a big long checklist (with links) to check that you've covered everything, you can check it out here:
Click here to read the complete CSS checklist
World Introduction Section
This is the world introduction / vignette section. Most people describe their world here by writing an engaging paragraph or two (like the blurb of a book). In each section of World Anvil I'll give a short description of what you can change, ways you can use it, and things to look out for. The rest of the content will be using Lorem Ipsum to give you an example of how the page might look if it was filled out.Text alignment
You can align the text in this section using CSS (by default this is all styled to be centered), but you can also use World Anvil BBCode Tags when writing your world introduction to align your text to left, right, center, or justified.The example columns below are still within the introduction section and are made using the col3 World Anvil BBCode Tags.
Left
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam molestie dui eget leo eleifend, ut molestie lorem cursus. Nulla porta, dui at semper consequat, nibh tortor cursus diam, at placerat nisi ex sit amet justo. In mattis sit amet felis sed porta.
Justified
Maecenas sit amet ligula velit. Vivamus pretium sem bibendum augue ornare, vitae lobortis risus tempor. Aliquam ornare tincidunt lobortis. Praesent eget hendrerit quam, non euismod lectus. Donec iaculis eros nec ipsum consequat consequat. Nulla sagittis sapien vel purus eleifend facilisis.
Right
Praesent vitae sapien sem. Morbi eget nisi dolor. Fusce tincidunt, massa et iaculis hendrerit, ante arcu finibus leo, ac semper sapien felis sit amet dui. Sed pharetra nibh ut nisi pharetra malesuada. Duis vitae aliquet turpis. Integer pretium venenatis lectus sit amet placerat. Nullam eget dolor neque.
TJ's Top Tips:
Use this section to introduce your world to a new reader! Keep it short (not like this hot mess) and engaging, show / tell them the genre(s) and theme(s) of your setting, and leave them with a bit of mystery so they're hungry for more! You could even link in a particular article block to show them where to begin their journey.
Homepage custom content sections
Full width column
This section appears below the world introduction section and is full width. If you left the main world introduction section blank, you could use this full width version instead. If you don't want to use the World Master Map setting you can embed a map here. Bear in mind that users can swap the position of their maps, table of contents, and timelines under the display tab on the world config page. These may not always be in the default positions!Left column
You could put your own custom navigation or articleblocks in here!Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam molestie dui eget leo eleifend, ut molestie lorem cursus.
World Anvil CSS Test has 29 CSS Addicts
Center column
Campaigns
Characters
Right column
There's room for all kinds of neat things in these columns! Experiment with different ideas until you find what works well for your world.
Global copyright footer goes here. This shows up at the bottom of every page and is commonly used to put in your copyright notes, and/or any creative commons licences. You could also use it as your own custom footer and include links to your social media, or places where people can support your work!
Advanced CSS users can do some pretty fancy stuff with this area (check out TJ's custom navigation bar for inspiration)
Advanced CSS users can do some pretty fancy stuff with this area (check out TJ's custom navigation bar for inspiration)