+ 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?
Comments
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.
* 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?
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.
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!
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
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?