SOLVED! Entries-Header ornament; Links-colors; Header/entries-gap

Mar 19, 2012 23:18

Hi, I managed to make almost everything I wanted while changing my new LJ thanks to this comm. I was left only with these things.

1. Entries - Header ornament: I would like to move the entry header text a bit to the right and adding this picture before it without moving of the black background behind the entry header. SOLVED!

2. Links - Color: I ( Read more... )

page:alignment, entries:header:ornament, $acct level:basic or plus, misc, page:links:colors, pageviews:friends

Leave a comment

Comments 19

mad_jaks March 20 2012, 18:15:26 UTC
2) Go here Scroll down to Navigation Strip, choose Custom Colors.

Reply

digitic March 20 2012, 18:41:36 UTC
Thanks.

But I want the links to change color (to #FFFFFF) when you hover over them too.

Reply

mad_jaks March 20 2012, 19:48:58 UTC
I don't think they'll change colour on hover, for anyone. But I can stand to be proved wrong.

Reply

digitic March 20 2012, 19:53:20 UTC
Well they do on my main account so there has to be a way...we just don't know it yet :D

Reply


av8rmike March 20 2012, 20:19:01 UTC
1) To add a title ornament, change your .asset-name section from this:
.asset-name { font-size: 30px; padding: 0 0 3px 5px;
}

to something like this:
.asset-name { font-size: 30px; padding: 0 0 3px 25px;
background-image: url(http://i1267.photobucket.com/albums/jj556/DiGiTics/024c39dd.png);
}

2) If you're talking about the links in the navigation strip, there isn't a setting in the Customize area for hover color. You'll have to do it this way:
.w-cs A:hover { color: #FFFFFF; }

As for 3) I'm not seeing any height difference between the first entries on your Recent page vs. your Friends page, unless there's something weird in a non-public entry?

Reply

digitic March 20 2012, 20:39:36 UTC
1. this one works, thank you :D
But the pic is repeating itself all over the subject line and even the first one (since I only want to have one piece in there) isn't in the right position :(

2. didn't work, it's still red even when I hover over it

3. nope, checked it while logged in on my main account (that isn't friended) and there's still a difference (only a few pixels, but they are there)

Reply

av8rmike March 21 2012, 03:52:24 UTC
Change .asset-name to look like this:

.asset-name { font-size: 30px; padding: 0 0 3px 42px;
background-image: url(http://i1267.photobucket.com/albums/jj556/DiGiTics/024c39dd.png);
background-repeat: no-repeat;
background-color: #060708;
}

One problem I noticed is that you have two "body" groups, one at the top and one at the bottom of your stylesheet, and the second one is missing the closing } brace. Thus, anything you enter after it won't work properly, so you'll need to remove one of the two.

For #3, the extra space is coming from this line in your stylesheet like this:
.stream-header { margin: 5px 0 0; }
You could just take that out, I guess; I'm not sure what it's supposed to do.

With the nav strip, it looks like the color values you're entering on the Customize Journal Style page are overriding anything you might put into the stylesheet. Try removing the entry for link color and then seeing if the CSS I gave you above works.

Reply

digitic March 21 2012, 13:06:20 UTC
That one got rid of the ornament completely, got rid of the padding around the text too, made it non-bold and colored it red O.o

Links changing to white when hover over them works now! :D

Oops, sorry, that was me trying to put a background pic on my LJ, that's fixed now.

.stream-header { margin: 5px 0 0; }
this is there because there was some extra space to begin with and it moved the first entry closer to the header.
I just don't know why the first entry on my f-page isn't at the same height as the first entry on my recent-page :/

Reply


Leave a comment

Up