SOLVED: Entry/sidebar border color change, moving of nav-links & highlighting subject lines

[denig37]

 Hi, I'm a total newbie to the CSS, but thanks to this comm I managed to customize almost everything I wanted...however there are 4 things I couldn't find anything about (searched the tags through).

1. If it's possible I want to change the color of the border-line between entries and the sidebar to #151B8D Solved!

2. I would like to move the nav-

Comments

[av8rmike]

1. It looks like you've already done this ...?

2. You can't do this with just CSS; you need a theme layer.

3. Have you tried adding to .asset-name {} something like background-color: xxxxxx; ?

4. You could do this:
#content { margin-top: 5px; }

[denig37]

Oh, thank you :-)

1. nope, it's still purple

2. oh, OK

3. could it be a bit wider and loger than the subject text so the text won't start where the highlighting starts and it's wider (and gets wider when the text is more than one row)

4. THANK YOU! :_D

[av8rmike]

For 1), a lot of these Expressive themes use a fixed width image for the border, which is why you can't change the color. This should do it:

.layout-wt #content-inner { background-image: none; }
#alpha { border-right: 1px solid #151B8D; }
#beta { width: 189px; }

3. You can't start the background any further to the left, but you could indent the text with some left padding in .asset-name. It should stretch if the subject text is more than one row.

[denig37]

1. Oh thank you thank you thank you *hugs* It's blue! :-D

3. THAT! Yeah...could you help me with that please? (no idea how to do that) and maybe something like moving the text a fex pixels from the bottom of the subject line if there's a way? (so under the white text is still a little bit blue)

[av8rmike]

Sure! Find the .asset-name{} section and add this line:
padding: 0 0 5px 20px;

You'll probably want to tweak the numbers a bit. The third number changes the amount of space below the text and the fourth is the space to the left of the text.

[denig37]

THANK YOU!...I could seriously kiss you right now :-D

BTW I put #content { margin-top: 5px; } as you said in the CSS box to move the first entry on the page closer to the header, but it doesn't really show...Did I leave something out that could cause it?

[av8rmike]

Aww, thanks! =D
The content top margin is definitely working, so you haven't done anything wrong. How much closer do you want the entry to the header?

[denig37]

:-D
I think about 15px

[av8rmike]

Sorry, I forgot all about this last night! Add this line:
.stream-header { margin: 10px 0 0; }

[denig37]

YAY! Thank you :-D

[digitic]

Hey, me again :D

I used this in my CSS and it mostly worked, but my f-page shows the first entry a bit lower than on my "Recent" page. Is there a way to make the f-page first entry the same distance from header as on my Recent page?

And for the sidebar thing, would it help anything if I made a 1px wide white line PNG/JPG/GIF/... (no clue about height) and uploaded it somewhere?

[digitic]

Hey, I used this and it worked except that the line (white in my case) doesn't run to the end of the whole page, only to the bottom of the entry :-(

Is it possible to make it go all the way down?

[av8rmike]

Hey, sorry for taking a while to get back to you. Looks like you'd have to get rid of all that margin at the bottom of #page and #content to close up the blank space.

[digitic]

But wouldn't that move my entries too?

This is ALL the CSS I have in right now:

#header-inner

[av8rmike]

The #alpha DIV doesn't extend to the bottom of the page, which is why the border doesn't, either. You might be able to hack together a background image that would put a border in the right place but it would have to be a fixed width.

[digitic]

That sounds awfully complicated :(

Thanks anyway.