Log in

No account? Create an account

Previous Entry | Next Entry

Header image, nav links, margin/padding ??

  • Oct. 16th, 2008 at 10:43 AM
Hi. I have a paid account, I'm using Firefox 3, and I'm not sure what theme I'm using. I started with Expressive Witold Chickadee, but then I plugged some code in to the Custom CSS box that I found on this community somewhere and I am in WAY over my head. I wouldn't know which part of the code to share for your review.

I've managed to replace the background and put a different image in my header. The only problem is that the image is behind the navigation links. I tried adding a 13px black bar to the top of my image, but this didn't seem to change anything. I tried changing code on various margins and padding settings but this either changed the wrong thing, or nothing at all. I've looked over the ID and class names diagram, but I can't figure out how to change the height on the back area above my header image. I found this, but I don't have a #container. I'm am so beyond lost. I know enough HTML to be dangerous and style sheet code is like Chinese to me.

Can somebody take a look? I just want to increase the hight of the black part at the top, or lower my header image by 13 pixels.  THANK YOU!!

bonus: And while you're at it, if you're feeling particularly helpful and clever today, can somebody tell me why "Latest Month" over the calendar is jacked up? And why "Profile" over my user icon isn't bold and it's a different font size. What's up with that? I never touched either of these things.

This is my very first attempt to edit an S2 theme. I haven't messed around with code since S2 came out. It was easier to change code with S1.


( 6 comments — Leave a comment )
Oct. 17th, 2008 01:17 pm (UTC)
I guess I'm not understanding what effect you're trying to achieve, because I see a mix of the "Chickadee" theme and the gray/black starter stylesheet. If what you want is to style the theme completely from scratch using the "starter stylesheet", you'd be better off disabling the Chickadee theme entirely.
The best way to go about this, since you have a Paid account, is to go to Your Styles page, click "Edit" next to the the bolded style name, change the theme layer from "Witold Chickadee" to "Unstyled", and Save Changes.
If that doesn't help, let me know and I'll look again.
Oct. 17th, 2008 01:44 pm (UTC)
Thanks for those clear instructions. I have made the change. Now, my header is chopped off - everything has shifted up the screen. I'll have to take a look and see if I can move things around now. :D
Oct. 17th, 2008 01:51 pm (UTC)
You'll probably need to add a header: xxxpx; statement to #header-inner{}, using the actual height of your header image in pixels instead of the "xxx".
Oct. 17th, 2008 01:56 pm (UTC)

#header-inner {
header: 245px;
position: static; /* fixes positioning issue on IE where header content displays outside #header-content */
background-position: left bottom;
background-repeat: repeat-x;
background-image: url(http://farm3.static.flickr.com/2201/2946307121_d8c1b5fdbb_o.gif);

Sorry for being a dolt but I don't know the right order for CSS. Only yesterday did I learn that there was an order. I tried putting that bit of code in, but I'm not sure where it belongs. What am I doing wrong?

Thanks so much!!!
Oct. 17th, 2008 02:02 pm (UTC)
Sorry, my bad. I'm trying to do too many things at once. =(

What I meant was:
height: 245px;

Usually, the order of items between the {}s doesn't matter, so I'm not sure what you're referring to by order.
Oct. 17th, 2008 02:06 pm (UTC)
I probably misunderstood something I read.

OMG it's beautiful. Thank you!
( 6 comments — Leave a comment )

Latest Month

March 2016

S2 Help Communities


Powered by LiveJournal.com
Designed by chasethestars