Dusty Foot customization.

[nimueth]

Greetings again~

I followed the suggestion and customized Dusty Foot, which goes pretty close to my ideal layout. I looked around this community to see if some of my questions have already been answered and while I found some of the CSS codes I needed, I still need some help.

• First of all, I noticed that the width of this layout is dynamic and changes if I shrink the browser. I found this code:

#content {
width: 540px;
}

But of course, it only affects the content, not the header. Is there a way to make it ALL static? SOLVED

• I would like to remove "manage tags" and "manage links" from the sidebar. I know only I see them, but I don't want them, I find them distracting. SOLVED
• I would like to make the entry links and tags in entries, lower case. SOLVED
• I would like there to be a 20 px margin at the top and bottom. I tried:

#header {
margin-top: 20px;
};

which worked, but there is a white border at the top of the header. :c SOLVED

• I would like to add a 1 px border around the whole body, including the header and footer, not just the content. SOLVED

And the most important of all: THE DREADED NAVBAR! I would like to:

• make it centered and move it below the header (sans margin);
• make the navbar fonts case sensitive, bold and bigger; Nevermind, I figured these out!
• change the navbar background colour to #e6e6e6 and add a 1px border on the top and bottom. Would that be possible?SOLVED
• remove the "tags" link. I suppose the code I need here is different from the one I was given in my previous entry, since I'm not editing a layer (again, leaving the tag text blank is not a solution, because it creates a wider gap between the "reading" and "memories" links).SOLVED

I actually don't like the way the navbar is behaving at all. Would it be possible to force the text to stay on the same line all the time? The way it's behaving right now just doesn't work with the header. Somehow this fixed itself when I hid the journal title.

That's about it, I think. It's...actually a lot more than I thought it would be, I'm so sorry! I hope I'm not asking too much. Any help is greatly appreciated!

Comments

[foxfirefey]

Glad to here it! We tried to make our base style system here to be easily modified.

Fortunately it is a very easy thing to fix, to enforce lowercase:

.metadata {
    text-transform: lowercase;
}

Or to just make it normal case:

.metadata {
    text-transform: none;
}

[nimueth]

Worked for mood, music and location but not the tags. Oh! I would also like to do the same with the date display in entries (it's all uppsercase too). Gah, my bad, I meant to ask this in the entry, but forgot it completely until just now. *slaps forehead*

[foxfirefey]

No worries, still easy:

.entry .footer {
    text-transform: lowercase;
}

.datetime {
    text-transform: none;
}

[nimueth]

YES! Now it's perfect!

Thank you sooooo much for putting up with me! :)