Log in

No account? Create an account

Previous Entry | Next Entry

[Please edit and title your post!]

  • Sep. 8th, 2006 at 3:47 PM
Hey everyone. I should probably start by saying I'm new to S2, and the answers to the questions I'm struggling with are probably obvious to many, but not me, which is why any help would be appreciated. So here are my problems:

+ Is there a way to change the Leave a Comment/Add To Memories/Etc. link font to a smaller one without changing the size of the entry font?

+ I've added an header, but I can't figure out how to specify the size and the no-repeat function, nor how to get the links off (my goal is to make an image map).

+ Is there a way to change the width of the entry column?

+ And finally, I've managed to change the background color, but how can I change the side bar column?


( 13 comments — Leave a comment )
Sep. 8th, 2006 05:41 pm (UTC)
Everything you want to do is css, no S2 needed!

For the first, you want to use

.asset-meta-comments .asset-meta-no-comments { font-size: 11px; }

or whatever font size you want for those links.

For the header image it's

#header-inner { background-repeat: no-repeat; }

You can also phrase that as just { background: url(file-path-to-picture) no-repeat; }

And the easiest way to take out the nav links at the top is

.nav { display: none; }

The other way to do that does involve S2, and I'm not conversant enough myself to give good directions. ^_^

The sidebar background color can be changed with

#beta, #beta-inner { background: #ffffff; }

or whatever color you want to use. You might also need to add that command to .widget or .widget-inner.

As for the main column width, you should be able to define that with

#alpha, #alpha-inner { width: insert-width-here; }

Though you might also need to define the width of .post-asset or .asset-inner or .asset-content. It varies a little with different themes.
Sep. 8th, 2006 06:47 pm (UTC)
Thank you! Just a couple of things, though:

* the no-repeat thing works, but how can I specify that the header is 700*400px? Because right now it shows only the top of it -- I guess I need to change the size of the top box where the header is, not simply specify the image size, right? Any idea how I can do this?

* the nav thing also worked, but it still shows the name of my journal. Do you know if/how I can get that off, too? Or does that fall into evil S2 stuff? *g*

* and the width thing: the text only fits into the 500px I defined with post-asset, but the table itself (in white) is still showing. (See , if I'm not explaining well, which I suspect I'm not). I tried all the commands you gave me and the various combinations, but none work. Should I try with another theme that you know it will work with?
Sep. 8th, 2006 07:04 pm (UTC)
Ah, I see. Is there something else you want to show behind the content, to either side? There are a couple different things that might work. You'll have to specify the width for one or all of the following: #page, #page-inner, #container, #container-inner. It is possible you'll also have to give a width for one or all of #header, #header-inner, #content, #content-inner.

Expressive has a /lot/ of container divs. *wry* One of them is obviously set to a wider width than you want. If you have the patience, you can look at your source code and find the urls of all five style sheets and go look through them to see what elements are set too wide so you can override them specifically. Or you can just go with the bigger-hammer approach and define /everything/ at the width you want. *grins* It really is handy, once you get into multiple-background layouts; you can make everything in there exactly the size you want. Just as soon as you figure out the name of the div around the bit you need to affect!

To get rid of your journal name, you'll want to set both #header-name and #header-description to {display:none";}

And to affect how large the header shows, you'll want to apply { height: 400px; width: 700px} to #header and #header-inner. And possibly #header-content, #header-content-inner and #header-text as well. Just remember that a background image doesn't affect the size of the container the way an embedded image does.

See if that works.
Sep. 8th, 2006 07:51 pm (UTC)
For the overall width, it looks like .container and .container-inner are the main culprits. But then, Expressive never works quite like I expect it too!
Sep. 9th, 2006 12:09 pm (UTC)
Thank you! And this has nothing to do with the width anymore, but branchandroot suggested I ask you, since you seem to be an expert on S2? *g* Do you, by any chance, know how I can change my header into an image map? I know how to do it with basic html, but I'm lost when it comes to CSS, and even more so when it comes to S2...
Sep. 11th, 2006 07:18 am (UTC)
I've got it figured (check out my journal for a working example). It's pretty complicated though, so I'm going to post it as a tutorial in this community, so you can see how there.
Sep. 11th, 2006 11:14 am (UTC)
Thank you! And great layout.
Sep. 11th, 2006 08:22 pm (UTC)
I hope it works - I'll try and help if there are problems.
Sep. 8th, 2006 09:33 pm (UTC)
Thank you *so* much. I'll probably go with the hammer approach once I'll have the patience to find the style sheets, but for the moment I just played around with my header and choose the "three column" option to make things prettier. Everything else works perfectly, and now I can go play with it. :D

Oh, just one thing, since you seem to get along fine with CSS: know how I can do an image map with CSS? Or a good place to go for an explanation. I'll probably figure it out on my own, but I just thought I'd ask in case it was this basic thing for you. :)

And in any case, thank you again!
Sep. 8th, 2006 09:46 pm (UTC)
My pleasure! And nice layout. ^_^

Hmmm. I think I know, theoretically, how an image map would be done with css... but I've never done one in css myself. *frowns* At that, it might be necessary to mess around in S2 to make it work. I can't give you a good answer for that, I'm afraid, but you might ask nimoloth (one comment upstream), who is one of the S2 people around here whether she knows a way.
Sep. 9th, 2006 12:06 pm (UTC)
Thanks! :) And damn, S2 scares me -- I might go the other way if it's really necessary. But, will try to ask nimoloth, thanks!
Sep. 9th, 2006 11:31 am (UTC)
I'm sorry to bother you, but the width doesn't seem to work for me... :|

I've inserted

#alpha, #alpha-inner { width: 500px; }

and it caused the entry column to align right... how can I stick the entry column to the side column and center them both?
Sep. 9th, 2006 04:59 pm (UTC)
No problem! I'm afraid that's partly a function of how the style sheet makes the columns all line up at the top of the page. All three are floated, and the main column is floated to the right. If you also define the width of #content and #content-inner, though, that should push the entries back over. *looks* Your sidebars look to be about 180px or so, so try making #content { width: 860px; } and see if that works.
( 13 comments — Leave a comment )

Latest Month

March 2016

S2 Help Communities


Powered by LiveJournal.com
Designed by chasethestars