(Untitled)

[fluffytowel]

How do I make the entire thing thinner?

How do I change the colors? I have (none) as my base layout.

Any help is mucho appreciated, thanks!

Comments

[branchandroot]

Well, let's see now. The base layout defines #content-inner, #header-inner, #alpha, #alpha-inner and #beta. The Bloom theme base, which is what the layout defaults to if you select "none" for the theme, defines #page, #header, #header-inner, #content and #footer-inner. Whew!

So to make it thinner, this might work:

#page, #content-inner, #header, #header-inner, #footer-inner { width: 90%; }

#alpha, #alpha-inner { width: 70%; }

#beta { width: 20%; }

You might wind up needing to put in actual pixels, instead of percentages. In that case, you just take your screen width (800px or whatever) and knock off 200 or so. If you had a screen 800px wide, then instead of 90% you would put 600px, instead of 70% you would put 420px and instead of 20% you would put 180px. See if either of those work.

As for colors, you need to say what you want to change the color of before anyone can help out. Text? Background? Links?

[fluffytowel]

Thanks a lot! :D

As for colors, I want to change most of them.. backgrounds & text, I suppose. And the borders, too.

[fluffytowel]

The make-it-thinner thing isn't really working. Is there anyway to just center my header image?

[branchandroot]

To center the image, add

#header-inner { background-position: top center; }

Also, check and make sure that "none" is your selected theme. I've tossed this around with the other mods and the Bloom style sheets shouldn't be showing up. Is it possible you forgot to save the changes, when you selected your theme?

If all else fails, foogod will be posting a how-to soon on how to make your layout's width fit your screen, for all themes.

If you want to change the colors of everything, I think you should take a look at the handful of recent posts on the comm. There are a few guides to Expressive CSS that should help you find the parts you want to change, and their names. After that, it's just a matter of setting { background: insert-color-here } for each one.