?

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

Comments

( 22 comments — Leave a comment )
av8rmike
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; }
denig37
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)

4. THANK YOU! :_D
av8rmike
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.
denig37
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)
av8rmike
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.
denig37
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?
av8rmike
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?
denig37
Jul. 7th, 2011 04:57 pm (UTC)
:-D
I think about 15px
av8rmike
Jul. 8th, 2011 02:54 pm (UTC)
Sorry, I forgot all about this last night! Add this line:
.stream-header { margin: 10px 0 0; }
denig37
Jul. 8th, 2011 03:47 pm (UTC)
YAY! Thank you :-D
digitic
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?
digitic
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?
av8rmike
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.
digitic
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:



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

Thanks anyway.
anarano
Jul. 11th, 2011 04:34 pm (UTC)
Nav at the Bottom
av8rmike
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!
anarano
Jul. 11th, 2011 05:03 pm (UTC)
Re: Nav at the Bottom
Thank you(!) for checking :)
anarano
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}
anarano
Jul. 11th, 2011 04:35 pm (UTC)
Re: Nav at the Bottom
denig37
Jul. 11th, 2011 05:34 pm (UTC)
Re: Nav at the Bottom
THANK YOU THANK YOU THANK YOU!!! *hugs*
It worked perfectly :-D
( 22 comments — Leave a comment )

Latest Month

March 2016
S M T W T F S
  12345
6789101112
13141516171819
20212223242526
2728293031  

S2 Help Communities

Tags

Powered by LiveJournal.com
Designed by chasethestars