?

Log in

No account? Create an account

Previous Entry | Next Entry

I want to remove the white box (bg-color) that appears in the body of an entry (the asset-body section, I guess). I tried to simply style user-icon (with a color and background-color).

This worked for my Recent View, but not for my Friends View.

I'll include images and CSS under the cut.

userpic link

userpic hover
Obviously when the black text is hovered, my setting for links to have a black hovered background doesn't work too well...)


/* to add header */
#header-inner {
background: url(http://pics.livejournal.com/jack_cowboy/pic/00002rty) center top no-repeat; height:270px; margin-top: 20px; margin-bottom: 20px;
}

/* to eliminate any other header */
#header, #header-content {
background-image: none;
}
/* dump the journal name */
#header-name, #header-description {
display: none;
}

/* move header navigation */
#header-text
{display: none; }

/* change background color */
body, .asset-body, .asset-content, #container, #page-inner, #header, #footer, .asset-name-hover, #footer-ad, .user-icon
{ color: #62462e; background-color: #a9847c; }


/* remove header border */
#header
{border-bottom: none;}

/* sidebar LINKS change color */
a,
.widget a,
.archive-widget, .widget-list, .item, .widget-header, .widget-header a
{ font-size: 13px; color: #ffffff; }

/* links underlined */
a,a:hover,
.asset-name a,
.asset-name a:link
{ text-decoration: underline; }

/* keep link underlining on hover */
body a:hover,
.asset-name a:hover
{ text-decoration: underline; }

/* this changes the links for edit entry etc. */
.asset-tags-list,
.asset-tags-add-tags:link,
.asset-meta,
.asset-meta-list,
.asset-meta-list a
{ color: #ffffff; }

/* this makes link change color on hover */
a:hover,
.asset-meta-list a:hover,
.widget a:hover,
.widget-header a:hover,
.asset-tags-list a:hover
{ background-color: black; }

/* color change for subject line, date, etc. */
.asset-name,
.asset-name a,
.asset-stream-list, .post-asset,
.asset-meta-list .item
{ color: #62462e; }

.asset-name a:hover
{ background-color: white; }

.widget-header
{ border-width: 0 0 2px 0; border-color: #62462e; }

.widget-header,
.widget-header a
{ font-size: 15px; font-weight:bold; }

.asset-name a,
{ font-size: 20px; font-weight:bold; }


Thanks for all the help. (Sooner or later I'm going to start to understand this stuff, I'm sure.)

Comments

( 2 comments — Leave a comment )
av8rmike
Oct. 14th, 2008 12:28 pm (UTC)
Are you using the "Show friends colors on friends page" option?
jack_cowboy
Oct. 15th, 2008 06:23 am (UTC)
Yeah, that fixed it. I'd have never realized it wasn't a style sheet thing if you hadn't told me...

I guess 'yes' is the default for that (I didn't change it).

Thanks, again!
( 2 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