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!