Resizing your journal tables [Magazine] style
This tutorial will deal with resizing your journal tables with the
Magazine system style.
This
ONLY applys if you are using the
Magazine style.
The following will let you resize and realign the content tables of the Magazine system style which might be what is desired for display of a background image.
In your own styleIf you have your own style, and you want to move the tables without having to go through and change all the widths, then paste this code into the <head> section of your LASTN_PAGE:
<style type="text/css">
<!--
/* numbers MUST equal 96% */
.Bottom, .H3Holder, .Navigation, H1, H2 {
width: 50%;
margin-left: 23%;
margin-right: 23%;
}
-->
</style>
In OverridesIf, however, you don't have your own style, and rely on overrides, then you will want to paste this into your overrides box at
http://deadjournal.com/modify.bml:
GLOBAL_HEAD<=
<style type="text/css">
<!--
/* numbers MUST equal 96% */
.Bottom, .H3Holder, .Navigation, H1, H2 {
width: 50%;
margin-left: 23%;
margin-right: 23%;
}
-->
</style>
<=GLOBAL_HEAD
N.B. If you have
more than one GLOBAL_HEAD override, you will need to merge them. See
this FAQ for instructions.
Using the sample code will center the content tables and will make the content tables half the width of the screen. To change the width of the content tables you would change the percentage value highlighted in yellow. To change where on the screen the content tables appear you would change the percentage values highlighted in orange. If these two numbers are equal than your journal content will be centered. You will need to define all three percentage values and the three added together must equal 96% otherwise using the override may have unexpected results.
Note that this will
not move the strip of color on the left hand side of the screen. This part of the style cannot be moved through overrides.