The style tag.
The style tags are used to tell your browser which computer language you are using. That would be CSS in this case. CSS uses the brace symbols {} instead of the angle brackets <,> that HTML uses.

•"Regular" HTML NEVER goes inside of your style tags!! The whole purpose of the style tag is to tell the browswer you are using CSS. That means ONLY CSS can go in these style tags!

• You only need ONE SET of style tags and arrows. Do not use multiple style tags or multiple arrows or your journal will not display properly.

The style tags look like this:

<style type="text/css"> opening tag
<!--opening arrow

All of your overrides go here

-->closing arrow
</style> closing tag

and usually go inside your GLOBAL_HEAD tags. You only need ONE set of style tags and arrows for ALL of your overrides! Most of the overrides you use for your journal are going to go between your first (opening) style tag and your last (closing) style tag. There are exceptions to this rule, but not many. There is an easy way to remember what GLOBAL_HEAD overrides go inside the style tags and which ones go outside the style tags. The overrides that go inside (which is most of them) will use these braces { }. For example, a background override:

GLOBAL_HEAD<=
<style type="text/css">
<!--
body {
background-image: url(http://www.your-website.com/image.jpg) !important;
}
-->
</style>
<=GLOBAL_HEAD


If you have more than one override (which most people do!) then put them all together between the two style tags. Here is an example of a background and resizing the entry box:

GLOBAL_HEAD<=
<style type="text/css">
<!--
body {
background-image: url(http://www.your-website.com/image.jpg) !important;
}

table{
width:50%;
margin-left:40%;
margin-right:40%;
}
table table{
width:100%;
margin:0;
}
table table table{
width: auto;
}
-->
</style>
<=GLOBAL_HEAD



The exceptions
There are a few codes that will not go inside of the style tags. These are easy to tell because they use "regular" html with angled brackets. <like this>. If you have one of these overrides, you still put them in the HEAD, but leave them outside of the style tags.

Here is an example of the title override combined with the background and entry resize:


GLOBAL_HEAD<=
<title>title you want here</title>
<style type="text/css">
<!--

body {
background-image: url(http://www.your-website.com/image.jpg) !important;
}

table{
width:50%;
margin-left:40%;
margin-right:40%;
}
table table{
width:100%;
margin:0;
}
table table table{
width: auto;
}
-->
</style>
<=GLOBAL_HEAD


See how the angled brackets are placed outside of the style tag? Also notice that there is only one set of style tags and arrows even though I have more than one override? Extra style tags, arrows, and improperly merged overrides will make your journal display incorrectly.


On to the other overrides!