Customize Your Pages

Pages automatically come with default content so you can see how your code affects typical elements. However, you are not limited to the scope of the default text or theme. This page will direct you through the various text boxes and form fields so that you can maximize your ability to test and play with CSS.

Base Select
Image Unavailable

Default Theme

Wikidot comes with many built in common themes that you may use and build upon. Furthermore, Wikidot users have publicly released themes for use by others at the Wikidot Themes site. You can select what theme you would like to build off of using the drop down menu at the top of the editor panel.

By default, the theme is set to the CSS Zone's sandbox theme. If you want to work off of the most basic possible theme, then select Base (which is second on the list).

Custom Content
Image Unavailable

Content

The Sandbox automatically provides some basic content for each page so that you may see how your CSS code affects basic elements. The default content includes paragraphs, various levels of headers, different span definitions, blockquotes, lists, tables, and links. If you want to use a different page template, mark the checkbox above the Content text area and type in the desired Wikidot code. This way, you can test less often used elements such as the code block or tabview.

If you would like to use custom content in addition to the default content, then still mark the checkbox and put the following in the Content text area:

  • [[include text]]
Custom Top Bar
Image Unavailable

Top Navigation

A generic side navigation is present for you to see how your CSS code affects the #top-bar elements. While the default navigation has the typical unordered list that you might find in most top bars, you can define your own code in order to maximize the scope of your test. Simply mark the check box above the Top Navigation text area and type in the desired Wikidot code.

Custom Side Bar
Image Unavailable

Side Navigation

A generic side navigation is present for you to see how your CSS code affects the #side-bar elements. While the default navigation has most of the basic elements you might see in standard side bars, you can define your own code in order to maximize the scope of your test. Simply mark the check box above the Side Navigation text area and type in the desired Wikidot code.

And You're Done!
Image Unavailable

Acknowledgements

Unless otherwise stated, the content of this page is licensed under Creative Commons Attribution-ShareAlike 3.0 License