Log in

No account? Create an account

Previous Entry | Next Entry

Various color and text changes

  • Apr. 23rd, 2008 at 1:48 AM
Hello—I'm very, very new to CSS, but I've started to modify my Expressive layout (based on Chopsticks). I have a permanent account and use Firefox 2.0. I have looked through the tags already, but many of the answers given there don't render. Here are the problems I'm still having:

1. I've changed the navigation links in the header from black to white, but the vertical lines between them (entries | archive) are still black. How can I change them to white?—SOLVED.

2. Basically, I'm trying to remove (nearly) all capital letters. I've caught almost all of them, except sidebar headings and the Previous/Next 20. (The exceptions are mostly things I could change elsewhere: entries, subject lines, name; LJ link, date are fine too.) How can I change the remaining caps? Is there an easier way to do this for the whole layer?—SOLVED.

3. I cannot figure out how to change the "PROFILE" heading in the sidebar to Optima, the font I'm using. I already changed the other headings (incl. links)—SOLVED.

4. I'd also like to change the text of two headings: "PROFILE" to "about me," and "LATEST MONTH" to "this month."

5. I'd like to change the color of the dividers in the sidebar—SOLVED.

6. Lastly, I want to display the date and time as "Wednesday, 23 April 2008" with a 24-hour clock—SOLVED (D'oh!).

My layer is here.
Thanks in advance, and sorry if I missed any previous posts that addressed these questions already.


( 5 comments — Leave a comment )
Apr. 23rd, 2008 10:04 pm (UTC)
Your layer link just links back to this post. You should probably make sure it's viewable, as well. There are instructions in the sidebar.

1) Add #header .nav .item {border-left-color: #fff;}

This change will sort of cover 2) and 4). I italicized the parts I added:
body, td, font, div, p, header-content, .widget-header, .widget-header a, .widget .widget-header a {
font-family: "Optima", sans-serif;
color: black;
text-transform: lowercase;

Of course, this will even remove capitalization in your entry text.

This is about all I have time to do now, but I'll be back home in a few hours and can cover the rest then.
Apr. 23rd, 2008 10:20 pm (UTC)
Sorry, fixed the link, and the layer should be viewable. Many thanks.
Apr. 24th, 2008 02:54 am (UTC)
2) header-content, .widget-header, .widget-header a, .widget .widget-header a
Add .prevnext to the end of this line (with a comma).

5) .widget-header { border-top: 3px double #99c;}

6) You missed a couple of closing quotes in the var string = ... lines that are preventing the code from compiling. Otherwise, it was working OK for me.

For 4) it looks like the only way is to override the prop_init() function and change the names within, as there are no properties to override, and manually setting the sidebar_primary[] array doesn't work.
Apr. 24th, 2008 07:15 am (UTC)
That was far easier than I was making it. Thanks again!
Apr. 24th, 2008 02:10 am (UTC)
As you'll see, I did a partial fix with text-transform. Since I had a fair number of changes in what I wanted to call the links, it seemed easiest. Only "Back to Top" seems resistant—and I wasn't sure how to follow your previous advice on the subject.
( 5 comments — Leave a comment )

Latest Month

March 2016

S2 Help Communities


Powered by LiveJournal.com
Designed by chasethestars