NEED HELP WITH: border codes, title capitalization, & header + layout width

[refno619012]

Hi all!

I just joined DW a few days ago, and I've managed to get my layout basically to how I want it to look. There are a few things I need help with, though:

• I'd like to add a tiny one-pixel-wide border around my header, entries, modules, and entry comments, but am not sure what code to use.
• I'd also like to put the titles of my entries and the headers of my modules in lower-case letters. I tried looking through the customization options, but there doesn't seem to be one for capitalization. :\
• And lastly! I've noticed that the width of my header and layout are dynamic and change as I shrink the browser window. Is there any way to change both so that they are static?

I'd appreciate any help that anyone could offer me. :)

Comments

[syntheid]

#header, #footer {
	width: 700px;
}
#header, .entry, .comment {
	border: 1px solid #7c52ab;
	border-top: 10px solid #7c52ab;
}
.module-header {
	text-transform: lowercase;
}

So if you add that to your custom css that should do what you want? You'll have to change the size of the header/footer from 700px to your desired size.

[refno619012]

Thanks! That helped a lot! :)

Real fast question: Is there a way to make my entry/navigation areas static? I'd like to make the header + navigation bars the same width as the body (modules + entries). ^^

[syntheid]

#content {
     width: 622px;
}

Should fix the width of the entries the way I think you're asking? I'm not sure about the navigation. If you mean the "previous 50" links at the top to be as wide as the header block, you can do something like this:

#content {
     margin: 65px 0 0;
}
.topnav {
     position: relative;
     margin: -50px 0 13px -297px;
     left: 84px;
     width: 1010px;
}

Will more or less do it, if you can live with it sometimes being a couple pixels off to one side or the other?

Also if you want whatever font it was listed in, not uppercase or lowercase, it's just

text-transform: none;

[refno619012]

Great, I got it! Thanks for your help! :)

[tropicsbear]

For the lowercase letters you can try inserting text-transform: lowercase; in the area where you modify the respective elements.

[refno619012]

Oh! Um, I meant that I'd like for the titles of my entries to be...well, neither uppercase or lowercase ("normal"?). I have no idea why I typed what I typed. xD Anyway, would there be a code for doing that?

[dancing_serpent]

I think you mean something like this?

#canvas * {
font-variant: normal;
}

[refno619012]

Got it, thank you. :)

[tropicsbear]

In that case, there should be something along the lines of text-transform: uppercase; in the section for the title entry. Delete that line and it should be fine.

[refno619012]

Got it, thanks for your help. :)