SOLVED: Setting Background Color - Revisited (sorry)

Oct 13, 2008 01:02

I'm trying to set the background-color for a community (gotham-newsies).

The background I want actually does work when looking at the entry URL (permalink), but when looking at Recent Entries, there's a dark 'box' area in the sidebar (near the bottom). When looking at the Friends View, the entire sidebar area is the wrong/dark color.

Here's my CSS code:

/* to add header */
#header-inner {
background: url(http://pics.livejournal.com/jack_cowboy/pic/00006ktd) center top no-repeat; height:270px; margin-top: 60px; 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; }

#header {
position: static; /* fixes positioning issue on IE where header content displays outside #header-content */
}

/* this color is dark blue #17213a */

/* change background color */
body, #beta, #beta-inner, #page-inner, #header, #footer, .asset-name-hover, .asset-body, .asset-content, #container, #footer-ad
{ color: #ffffff; background-color: #17213a; }

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

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

/* keep link underlining on hover */
body 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: #7181ce; }

/* 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: #ffffff; }

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

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

.widget-header
{ border-width: 0 0 2px 0; border-color: #7181ce; }

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

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

In this case, I'm using Expressive DJ (Designed by Gilbert Rizo). I've tried checking over the stylesheet, but I'm stumped (again).

Thanks for any and all help!

entries:background

Previous post Next post
Up