?

Log in

No account? Create an account

Previous Entry | Next Entry

[Please edit and title your post!]

  • Sep. 13th, 2006 at 4:36 PM
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!

Tags:

Comments

( 18 comments — Leave a comment )
branchandroot
Sep. 14th, 2006 03:57 pm (UTC)
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
Sep. 14th, 2006 06:30 pm (UTC)
Thanks a lot! :D

As for colors, I want to change most of them.. backgrounds & text, I suppose. And the borders, too.
fluffytowel
Sep. 14th, 2006 06:32 pm (UTC)
The make-it-thinner thing isn't really working. Is there anyway to just center my header image?
branchandroot
Sep. 14th, 2006 10:28 pm (UTC)
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.
fluffytowel
Sep. 16th, 2006 10:39 am (UTC)
Thanks again... I'm 100% certain that 'none' is my selected theme... however, I have a custom theme which contains coding for my image map, but it has no colors there either.

And yeah, I guess I should stop being lazy and check back through earlier posts :)
(Deleted comment)
branchandroot
Sep. 25th, 2006 12:02 am (UTC)
Very curious. I haven't seen this happening anywhere else, but my guess is that if you add

.quickreply { z-index: 100; }

to your custom css, that'll fix it. That will tell the reply box to sit on top of everything else.
(Deleted comment)
branchandroot
Sep. 25th, 2006 12:55 am (UTC)
Hmm. *fishes through default sheets*

Probably the overflow, then. Try

#alpha-inner { overflow: visible; }
(Deleted comment)
castalie
Sep. 26th, 2006 07:41 pm (UTC)
Hello, I've just changed my layout to Expressive [Zen Midnight] and I've been trying to find out how to shrink the width of the whole thing and I'm afraid I'm still confused even with all the codes that have been offered in that thread. I don't know what I'm supposed to add exactly - I've seen that some things weren't working for some people and I'm lost now as to what I'm supposed to add or changed or whatnot... could you help again, please? Thanks in advance!

Also if you need that info, I'm using the 'layout's base weblog stylesheet'... ie I didn't override anything, I'm using the custom css as it was.
branchandroot
Sep. 27th, 2006 01:08 am (UTC)
Hm. It may be easiest to use Foogod's width-fixer and then specify margins. Try this:

#container, #container-inner, #page, #page-inner, #header, #header-inner, #header-content, #content, #content-inner, #footer, #footer-inner, #alpha, .asset-stream #alpha-inner { width: auto }
.asset-stream #alpha { float: none; }
* html .asset-inner, .widget-inner { width: auto !important; } /* IE Fix */
#header-inner, #content { width: 100%; } /* IE Fix */
.layout-wt #beta { float: right; position: absolute; top: 0px; right: 0px; }
.layout-wt #alpha-inner { margin-right: 210px; }

That's the width-fix, which should make your content fit your page size. If you want it narrower still, then add to it:

#container { margin: 0 30px; }

The second margin figure, there, should be however much space you want at the sides of your layout, showing the background. See if that works.
castalie
Sep. 27th, 2006 06:18 am (UTC)
It's working like a charm, thanks so much!
princess_diary
Oct. 10th, 2006 03:38 am (UTC)
will this work or what part do I need to change just the height of the top entry bar thinner? And to change the font size of my name? And to put my navigation links (Recent Entries, Archive, etc) under my "Profile" in my left sidebar?
Thanks
branchandroot
Oct. 10th, 2006 03:50 am (UTC)
The above code would not apply to any of those changes. I suggest you make a post of your own to the community, so as many people as possible can take a look at what you want to do and suggest options. Include as much detail as you can about what layout you are using now and what you want to change in it.

I can, at least, tell you that moving the navigation links to the sidebar is not possible without extensive S2 reprogramming. You can, however, hide the links in the header area with .nav{display:none} and add those options to your personal link list instead, if you wish.
princess_diary
Oct. 10th, 2006 04:24 am (UTC)
Okay. Thanks for clarifying... I somewhat understand it can be done in a round-a-bout way(?). I'll post a new entry.
Thanks for the quick reply.
meepeek
Nov. 25th, 2006 05:12 am (UTC)
Thank you so very, very much. I've been making myself insane with this. Now it's ~perfect~!
meepeek
Nov. 25th, 2006 05:25 am (UTC)
I may have spoken too soon. It does make it fit on the page, but it completely takes away the sidebar. I was hoping for one that would shrink the graphical part of it and not delete an entire component. Perhaps I'll have to create some sort of child of the layout.

Thanks anyway, though.
( 18 comments — Leave a comment )

Latest Month

March 2016
S M T W T F S
  12345
6789101112
13141516171819
20212223242526
2728293031  

S2 Help Communities

Tags

Powered by LiveJournal.com
Designed by chasethestars