?

Log in

No account? Create an account

Previous Entry | Next Entry

Some layouts (such as Hills) have a little picture next to the entry title. This can be changed with:

.asset-stream .asset-header {
background: transparent url(post-ornament.gif) no-repeat scroll 0 0;
}

Replace post-ornament.gif with the address of your own image (remember to include http://) and put this in the Custom CSS area.

If you then need to move the entry title text over a bit due to overlapping, put these two lines into your Custom CSS:

h2.asset-name, .pageheader2 .asset-name-hover { margin-left: 36px; }
h2.asset-name, .pageheader2 { margin-left: 36px; }

Adjust the margin there as required.

Comments

( 15 comments — Leave a comment )
arnogseel
Sep. 19th, 2006 07:46 am (UTC)
hi!

as you can see on my LJ, the words are blocking my little icon a little... is there any CSS that can move it a little?

thanks in advance!
nimoloth
Sep. 19th, 2006 06:50 pm (UTC)
Try pasting these two lines into your Custom CSS:

h2.asset-name, .pageheader2 .asset-name-hover { margin-left: 36px; }
h2.asset-name, .pageheader2 { margin-left: 36px; }
arnogseel
Sep. 19th, 2006 06:54 pm (UTC)
that worked out great! thanks!
nimoloth
Sep. 19th, 2006 06:57 pm (UTC)
No problem :). I had wondered how to do that myself and your query made me find out. I might put some pictures on myself now.
arnogseel
Sep. 19th, 2006 07:06 pm (UTC)
sorry to be a pain lol but my initial plan was to have the words overlap the pic JUST a little

do you know how to shift the pic up or down?
nimoloth
Sep. 19th, 2006 07:13 pm (UTC)
To move the text left and right, adjust the margin-left value above. To move the text up or down, add this term inside the curly brackets:

margin-top: 10px;

and adjust as required. (You can use negative values in either case to move them in the opposite direction.) It is probably easier to move the text than the picture, because the picture is the background of the div element.
arnogseel
Sep. 19th, 2006 07:17 pm (UTC)
moving the text instead of the image is fine but i've add that in both curly brackets and the whole paragraph, image and text shifted... instead of just the subject text.

ideas?
nimoloth
Sep. 19th, 2006 09:12 pm (UTC)
That shouldn't happen. However, I have found one error in the code I gave you - .pageheader2 should be .page-header2 :

h2.asset-name, .page-header2 .asset-name-hover { margin-left: 10px; }
h2.asset-name, .page-header2 { margin-left: 10px; }

However, I've figured out how to move the background image instead of the text. I see you have the following in your Custom CSS to place the little image in the first place:

.asset-stream .asset-header {
background: transparent url(http://i13.photobucket.com/albums/a276/arnogseel/riceball.gif) no-repeat scroll 0 0;
}

Well, change that to:

.asset-stream .asset-header {
background: transparent url(http://i13.photobucket.com/albums/a276/arnogseel/riceball.gif) no-repeat scroll 0 10px;
}

That will move the image down by 10px.
arnogseel
Sep. 19th, 2006 09:19 pm (UTC)
thanks!

i've actually tried to change the zeros. but only the first one. i must've done something wrong because i changed the first zero to 30 and my picture disappeared LOL

it worked! thanks!
nimoloth
Sep. 19th, 2006 09:23 pm (UTC)
You need to specify units, that's all. Won't work without them!
arnogseel
Sep. 19th, 2006 09:41 pm (UTC)
thank you!
fabled_dreamer
Sep. 30th, 2006 04:12 pm (UTC)
Thank you! this community has been so helpful! everything I've wanted to do thus far as been here and explained very well! Great Job!

eotheod
Nov. 18th, 2007 02:28 am (UTC)
I followed these instructions but the original image is still there, on top of mine.
phzblue
Mar. 10th, 2008 11:27 am (UTC)
The original picture is still overlapping mine, is there a way to fix it ?
shirikdraguinea
Apr. 1st, 2008 10:16 pm (UTC)
I'm having this problem as well, has anyone found a fix for it yet?
( 15 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