General Community > Scripting Help

Make the margin skinnier

(1/1)

oOTrentOo:
http://4um.site90.net/index.php

I want to make it so there's more of that dark gray space on the sides.
Help please? :D

MrPhil:
Skinnier or fatter? I'm confused about what you're asking for. Generally, the CSS controls the horizontal width of these margins of the <div> containing the forum content. You usually have a fixed width content (pixels or %) and "auto" for the left and right margins, to center the content. Or, you can make the content 100% width and set fixed width (pixels) left and right margins.

In Themes/default/css/index.css:

--- Code: ---/* This division wraps the entire forum when a forum width is set. */
div#wrapper
{
margin: 0 auto;
min-width: 764px;
max-width: 2300px;
}
--- End code ---
This says to use the full width of the browser (actually, the style is set to 90%) with minimum and maximum widths, and to center it ("auto": set the left and right margins to whatever half the unused space left over is, which would be 5% each). Your theme should have something similar. The easiest path would be to change the "width" styling from 90% to 95% (to make the gray margins skinnier) or to 85% (to make them fatter and show more).

Mick.:
If you're talking about the sides,.....

Find this and change 15 to 5 or whatever.


--- Code: ---/* Set a fontsize that will look the same in all browsers. */
body
{
background: #E9EEF2 url(../images/theme/backdrop.png) repeat-x;
font: 78%/130% "Verdana", "Arial", "Helvetica", sans-serif;
margin: 0 auto;
padding: 15px 0;
}
--- End code ---

oOTrentOo:
Lol, sorry I should have responded earlier. I figured it out.
I didn't have to look up code or anything. It was just right in the theme settings.

Navigation

[0] Message Index