View source for Module and Menu Styles

== Page Styles == <!--T:13-->
There are several ways to customise the overall appearance of a page. All work via the Menus: Edit Item form:
* The Details tab has a Template Style option from which you can select a specific template to use.
* The Blog Layout tab has a Leading Article Class and Article Class fields in which you can type in a class name.
* The Options tab has Choose a Layout field from which you can choose from available layouts for all items.
* The Link Type tab has fields for a Link Class, a Link Icon Class and an Image Class.
* The Page Display tab has fields for a Page Class.

<!--T:14-->
It is the last in this list that is covered in this article. What happens with ''make-me-aliceblue'' entered in this field? The following is entered in ''user.css'':

<!--T:15-->
<syntaxhighlight lang="css">
.make-me-aliceblue {
  background-color: aliceblue;
}
</syntaxhighlight>

<!--T:16-->
The class is added to the body tag of the page:

<!--T:17-->
[[Image:J4x-templates-edit-page-class-result-en.png|800px|border|center]]

<!--T:18-->
QED!
</translate>