Help - Search - Members - Calendar
Full Version: Controlling Space Between Major Sections Of Basic Layout
Movable Type Community Forum > Using Movable Type > Default Stylesheets
Maisie Dunn
I'm new to MT4.2, and having trouble figuring out how to change margins and padding between the major sections of my blog. I'm not sure how to explain the problem, because I'm still trying to figure out the new labels.

I'm using the 2-Columns Layout, Thin, Wide with the Minimalist Green stylesheet. I've figured out how to make some basic modifications to the stylesheet CSS (fonts, colours, etc), but cannot find the CSS where I can change spacing between major sections.

For example, I'd like my sidebar to be a bit wider, but not too much wider. I've tried using the 2-Columns, Medium, Wide layout, but that's too wide a sidebar. Basically, I'd like something in between the default Thin, Wide and the default Medium, Wide layouts.

I also have too much space between my banner and everything beneath it (navigation bar, blog entries, sidebar, etc). Again, I cannot find the CSS that controls the spacing for this. My site is here:

http://maisiedunn.com/

I can't help thinking I'm missing something completely basic that's maybe right in front of me (but if so, I haven't yet been able to find it!). Any help much appreciated.
OtherNiceMan
In the minimalist green css file change the margin-top of #content

CODE
#content {
margin-bottom:30px;
margin-top: 20px;
}


to

CODE
#content {
margin-bottom:30px;
margin-top: 0px;
}
Maisie Dunn
Thank you, OtherNiceMan!
OtherNiceMan
No problem.

FF3 + Web Developer Toolbar + Firebug allow you to look at the css that is applied to a specific element and live edit it to see what happens.
Maisie Dunn
That's a nifty little tool. Thanks for recommending.

So my blog is using:

"mt-main-index layout-wt"

Is this some sort of internal thing to which you don't have access unless you're inside the MT mysterium? It looks like I have to use one of the default layouts (Thin Wide, Medium Wide, Wide Thin, etc etc) and cannot change how wide or how thin or whatever. Is that correct?
OtherNiceMan
You can overide these, IIRC it is the Alpha, Beta and Gamma divs. You would also need to make sure that the content div is wide enough to hold the combined widths.
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2009 Invision Power Services, Inc.