Log in

.:::.:. .::.

July 2010
        1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31

Anodyne/Ryst [userpic]

Hey, all. I browsed through the tags and looked through the past 2 pages, but I couldn't find anything on these particular issues. Now, I will admit that they are slightly layout-specific, but the community from which I took the CSS suffered a server crash so all their downloads are gone and I don't think they're answering questions any more.

For reference, I am using butterflybox's "Loveletter" CSS.

Here are the images, comparing my CSS with the unaltered CSS:
Original CSS
My CSS - Friends Page
All I did was change the colors and the header image.

Now, here are my issues:
1.) The entry subject. In the original CSS the text is nice, large, and grayed out. In my CSS, it seems to have been converted to that of a link-- small and light blue. Any way to fix this?
2.) My friends list suffers the same entry subject problem. However, is there anyway to remove those nasty white borders around the usernames and get the little user icon (you know, that blank-faced guy with the blue shirt) to display next to the names instead?

I deeply appreciate any help with this. If you need me to host either the original CSS or my altered CSS, I can easily do so.


1) Since butterflybox made that layout, LJ has made all subjects links. You can easily get rid of the links if you use advanced customization. But if you want to just use CSS and make it look like the title used to simply add an a after .subject:

/* the subject of the post */
.subject a {
	font-family: "Trebuchet MS",verdana,tahoma,sans-serif;
	color: #e4f471;
	font-size: 14px;
	font-weight: normal;
	text-align: right;
	text-transform: uppercase;
	padding: 2px; 5px 2px 5px;
2) The white box around usernames is all Opal. You can follow this tutorial to get rid of it via advanced customization or you can get rid of it by adding this bit to your CSS (and changing the color to fit your needs):
.friendname {background-color: transparent !important;}

That actually helped a lot, but for some reason even though I have the "text-align: right;" bit in there, the text is still stuck to the left. Any way to force it?

.subject {text-align: right;}


Ahh, thank you!

Not related: Yay River icon. :>