e107 theme - how to change from fluid to fixed width

all kinds of tutorials and guides. how, where, why, step-by-step stuff and more. also support for those tutorials and guides. ONLY post step-by-step guides/tutorials here OR reply with question if you have any.
Post Reply
User avatar
Sethioz
Admin
Admin
Posts: 4762
Joined: Fri Jul 27, 2007 5:11 pm
Custom: Gaming YT > https://youtube.com/SethiozEntertainment
Game Hacking YT > https://youtube.com/sethioz
Game Hacks Store > https://sethioz.com/shopz
Location: unknown
Contact:

e107 theme - how to change from fluid to fixed width

Post by Sethioz »

This will explain, how to change theme from fluid (this means that if you make your browser wider, site also goes wider all over the screen) to fixed (this means that theme width is fixed to specified pixels, like 800)

1. Width is specified in style.css file.
- this file exists in every theme, it controls style itself, colors, width, height and such.
2. locate the place you want to edit.
- you can use firefox's addon called "firebug" in order to find out what you need to edit, in order to get desired effect
3. here's example of the "banner table"

Code: Select all

.banner_table {
 width: 100%;                /* this is width of the table */
 height: 100px;             /* this is height of the table */
 text-align: left;           /* specifies where the text inside of table is aligned, can be left / right / center */
 border: #90C;             /* color of the table border */
 border-width: 1px;     /* widht of the table border, 0 to disable/invisble */
 border-style: solid;    /* style of the border */
4. you need to replace " width 100%;" with " width 800px;" where 800 is the width you want in pixels.
- for example if your screen resolution is 1024x768pixels, then you know how much width is 1024 pixels.

NOTE - themes have more than 1 table, so make a search for "width 100%;" and replace with "width 800px;" and select replace all. this will make your whole site go from fluid into fixed (800 pixels in width).

NOTE2 - some themes might have different code than this, but basics are same.
Post Reply