Log in

No account? Create an account

Previous Entry | Next Entry

 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-links ("Recent entries, Friends,...") to the bottom of my LJ (under the links "Previous,...") Solved!

3. I would like to highlight the subject line of the entries in some color/basically make a background for the subject line (not sure which color yet) Solved!

4. Moving the first entry on the page 15px higher Solved!

I'm desperate and sleepy and thank you in advance for any help

I'm using CSS for all changes, have Mixit as base

EDIT: Thank you SO much! :-D


( 22 comments — Leave a comment )
Jul. 6th, 2011 01:05 pm (UTC)
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; }
Jul. 6th, 2011 01:31 pm (UTC)
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)

Jul. 7th, 2011 01:00 pm (UTC)
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.
Jul. 7th, 2011 01:21 pm (UTC)
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)
Jul. 7th, 2011 04:12 pm (UTC)
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.
Jul. 7th, 2011 04:45 pm (UTC)
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?
Jul. 7th, 2011 04:52 pm (UTC)
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?
Jul. 7th, 2011 04:57 pm (UTC)
I think about 15px
Jul. 8th, 2011 02:54 pm (UTC)
Sorry, I forgot all about this last night! Add this line:
.stream-header { margin: 10px 0 0; }
Jul. 8th, 2011 03:47 pm (UTC)
YAY! Thank you :-D
Mar. 16th, 2012 07:40 pm (UTC)
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?
Mar. 6th, 2012 07:09 pm (UTC)
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?
Mar. 12th, 2012 08:34 pm (UTC)
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.
Mar. 12th, 2012 08:51 pm (UTC)
But wouldn't that move my entries too?

This is ALL the CSS I have in right now:

Mar. 13th, 2012 06:05 pm (UTC)
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.
Mar. 13th, 2012 06:08 pm (UTC)
That sounds awfully complicated :(

Thanks anyway.
Jul. 11th, 2011 04:34 pm (UTC)
Nav at the Bottom
Jul. 11th, 2011 04:59 pm (UTC)
Re: Nav at the Bottom
I had been trying to do something like that before I answered, but I couldn't get it working, so I assumed it wasn't possible. I seem to recall some browsers (probably IE) having problems with absolute positioning. Maybe that's not so much an issue any more. Thanks!
Jul. 11th, 2011 05:03 pm (UTC)
Re: Nav at the Bottom
Thank you(!) for checking :)
Jul. 11th, 2011 04:33 pm (UTC)
Nav at the Bottom
This will work, I've tested it:

#page {border-bottom:30px solid black; }
#header {position:static }
.nav {position:absolute; bottom:-5px; left:20px}
Jul. 11th, 2011 04:35 pm (UTC)
Re: Nav at the Bottom
Jul. 11th, 2011 05:34 pm (UTC)
Re: Nav at the Bottom
It worked perfectly :-D
( 22 comments — Leave a comment )

Latest Month

March 2016

S2 Help Communities


Powered by LiveJournal.com
Designed by chasethestars