Joomla Templates Club 406,261 posts

[jasonre Friend jasonreJoin date: July 2006Posts: 56Downloads:0Uploads:0 Thanked: 1 times in 1 posts]

#119819

HELP PLEASE!!! Cannot figure out how to change the main content from white to black??? I’ve tried everything!

All I’m looking to do is change one page on my site from a white main body to black main body background. The main template is ja_wistery and I’ve created a second template called ja_wistery_blk. I’m assigning the ja_wistery_blk to the page I want to have the black main body. The only problem is I can’t get it to show up with a black background.

Here’s a link, you’ll see what I’m trying to do:
http://tueig.com/index.php?option=com_content&task=view&id=2&Itemid=10

Also while your at it, I’d like to eliminate the back link and separator above the gallery. Just want it to be a clean blank black background.

Here’s ja_wistery_blk code back to it’s original white background settings:

/*————————————————————————
# JA Wistery 1.0 – Feb, 2007
# ————————————————————————
# Copyright (C) 2004-2006 J.O.O.M Solutions Co., Ltd. All Rights Reserved.
# @license – Copyrighted Commercial Software
# Author: J.O.O.M Solutions Co., Ltd
# Websites: http://www.joomlart.com – http://www.joomlancers.com
————————————————————————-*/
/* COMMON STYLE
——————————————————— */
* {
margin: 0;
padding: 0;
}

body {
color: #545454;
background: #FFFFFF;
font-family: “Trebuchet MS”, Arial, sans-serif;
line-height: 150%;
}

body#bd {
background: url(../images/body-bg.jpg) #EDECEC;
}

body.contentpane {
width: auto; /* Printable Page */
margin: 1em 2em;
background: #FFFFFF;
color: #000000;
font-size: 12pt;
font-family: serif;
line-height: 140%;
}

body.fs1{
font-size: 9px;
}

body.fs2{
font-size: 10px;
}

body.fs3{
font-size: 11px;
}

body.fs4{
font-size: 12px;
}

body.fs5{
font-size: 13px;
}

body.fs6{
font-size: 14px;
}

/* Normal link */
a {
color: #60B071;
text-decoration: underline;
}

a:hover, a:active, a:focus {
background: #F2F2F2;
color: #545454;
text-decoration: underline;
}

/* Title text */
.contentheading, .componentheading, div.moduletable h3,
h1, h2, h3 {
}

/* Small text */
.small, .smalldark, .createdate, .modifydate, .mosimage_caption,
.back_button, .pagenavcounter, .pagenav, .pagenavbar, a.readon {
}

/* Heading */
h1 {
font-size: 160%;
}

h2 {
font-size: 140%;
}

h3 {
font-size: 120%;
}

h4 {
font-size: 100%;
text-transform: uppercase;
}

p {
margin: 5px 0 15px;
}

ul {
margin-top: 5px;
margin-bottom: 15px;
list-style: none;
}

ul li {
padding-left: 35px;
background: url(../images/bullet-list.gif) no-repeat 20px 5px;
line-height: 170%;
}

ol {
margin-top: 5px;
margin-bottom: 15px;
}

ol li {
margin-left: 35px;
line-height: 170%;
}

th {
padding: 4px;
font-weight: bold;
text-align: left;
}

fieldset {
border: none;
}

fieldset a {
font-weight: bold;
}

hr {
border-top: 1px solid #545454;
border-right: 0;
border-left: 0;
border-bottom: 0;
height: 1px;
}

a img {
border: none;
}

td, div {
font-size: 100%;
}

/* Code text */
pre, .code {
padding: 10px 15px;
margin: 5px 15px 15px;
border-left: 3px solid #59B2C4;
background: url(../images/pat-bg1.gif);
font: 1em/1.5 “Courier News”, monospace;
}

blockquote {
padding: 15px 40px 15px 60px;
background: url(../images/quote.gif) 20px 10px no-repeat;
font: italic 1em/1.5 Georgia, Times, serif;
}

.dropcap {
float: left;
padding: 4px 8px 0 0;
display: block;
color: #59B2C4;
font: 50px/40px Georgia, Times, serif;
}

/* Tips, Error, Message, Hightlight*/
.error {
padding-left: 25px;
color: #CC786F;
background: url(../images/bullet-error.gif) no-repeat top left;
}

.message {
padding-left: 25px;
color: #59B2C4;
background: url(../images/bullet-info.gif) no-repeat top left;
}

.tips {
padding-left: 25px;
color: #E0AB66;
background: url(../images/bullet-tips.gif) no-repeat top left;
}

.highlight {
border-bottom: 1px dotted #999999;
padding: 0 5px;
background: #FEFAE1;
font-weight: bold;
}

p.stickynote {
padding: 28px 80px 15px 25px;
background: url(../images/sticky-bg.gif) no-repeat top right #EDECEC;
border-bottom: 3px solid #DDDDDD;
}

p.pinnote {
padding: 28px 60px 15px 25px;
background: url(../images/pin-bg.gif) no-repeat top right #EDECEC;
border-bottom: 3px solid #DDDDDD;
}

p.clipnote {
padding: 28px 60px 15px 25px;
background: url(../images/clip-bg.gif) no-repeat top right #EDECEC;
border-bottom: 3px solid #DDDDDD;
}

.blocknumber {
clear: both;
padding: 5px 15px 10px;
position: relative;
}

.bignumber {
float: left;
margin-right: 8px;
margin-bottom: 5px;
padding: 0 2px;
display: block;
color: #59B2C4;
font: 30px/normal Arial, sans-serif;
font-weight: bold;
}

/* FORM
——————————————————— */
form {
margin: 0;
padding: 0;
}

input, select {
font: 11px/normal Tahoma, Arial, sans-serif;
color: #545454;
}

select, .inputbox {
padding: 2px;
}

textarea {
padding-left: 2px;
}

.button, .button:hover {
padding: 2px 10px!important;
padding: 1px 5px;
border-top: 1px solid #DDDDDD;
border-right: 1px solid #999999;
border-bottom: 1px solid #999999;
border-left: 1px solid #DDDDDD;
background: #EDECEC;
}

.button:active, .button:focus {
border-top: 1px solid #999999;
border-right: 1px solid #DDDDDD;
border-bottom: 1px solid #DDDDDD;
border-left: 1px solid #999999;
}

.inputbox {
border: 1px solid #C0C0C0;
background: #FFFFFF;
}

.inputbox:hover, .inputbox:focus {
border: 1px solid #999999;
background: #FFFFFF;
}

/* MODULE
——————————————————— */
div.moduletable h3 {
margin: 0 0 5px;
padding: 4px 2px 2px;
border-bottom: 1px solid #C0C0C0;
font-size: 1em;
text-transform: uppercase;
}

div.moduletable {
margin: 0 0 15px;
padding: 0;
}

div.module-orange h3,
div.module-green h3,
div.module-blue h3,
div.module h3 {
margin: 0 0 10px 0;
padding-bottom: 6px;
font-size: 1em;
text-transform: uppercase;
}

div.module-orange,
div.module-green,
div.module-blue,
div.module {
margin-bottom: 15px;
padding: 0;
float: left;
clear: both;
width: 100%;
background: url(../images/box-br.gif) no-repeat bottom right;
}

div.module-orange div,
div.module-green div,
div.module-blue div,
div.module div {
padding: 0;
background: url(../images/box-bl.gif) no-repeat bottom left;
}

div.module-orange div div,
div.module-green div div,
div.module-blue div div,
div.module div div {
padding: 0;
background: url(../images/box-tr.gif) no-repeat top right;
}

div.module-orange div div div,
div.module-green div div div,
div.module-blue div div div,
div.module div div div {
padding: 8px 15px 15px 15px;
background: url(../images/box-tl.gif) no-repeat top left;
}

div.module-orange div div div div,
div.module-green div div div div,
div.module-blue div div div div,
div.module div div div div {
margin: 0;
padding: 0;
background: none;
}

div.module-orange a, div.module-orange a:hover, div.module-orange a:active,
div.module-green a, div.module-green a:hover, div.module-green a:active,
div.module-blue a, div.module-blue a:hover, div.module-blue a:active {
color: #FFFFFF;
}

/* orange module */
div.module-orange h3 {
color: #FFFFFF;
}

div.module-orange {
color: #FFFFFF;
background: url(../images/box-orange-br.gif) no-repeat bottom right;
}

div.module-orange div {
background: url(../images/box-orange-bl.gif) no-repeat bottom left;
}

div.module-orange div div {
background: url(../images/box-orange-tr.gif) no-repeat top right;
}

div.module-orange div div div {
background: url(../images/box-orange-tl.gif) no-repeat top left;
}

/* Blue hilite module */
div.module-blue h3 {
color: #FFFFFF;
}

div.module-blue {
color: #FFFFFF;
background: url(../images/box-blue-br.gif) no-repeat bottom right;
}

div.module-blue div {
background: url(../images/box-blue-bl.gif) no-repeat bottom left;
}

div.module-blue div div {
background: url(../images/box-blue-tr.gif) no-repeat top right;
}

div.module-blue div div div {
background: url(../images/box-blue-tl.gif) no-repeat top left;
}

/* Green hilite module */
div.module-green h3 {
color: #FFFFFF;
}

div.module-green {
color: #FFFFFF;
background: url(../images/box-green-br.gif) no-repeat bottom right;
}

div.module-green div {
background: url(../images/box-green-bl.gif) no-repeat bottom left;
}

div.module-green div div {
background: url(../images/box-green-tr.gif) no-repeat top right;
}

div.module-green div div div {
background: url(../images/box-green-tl.gif) no-repeat top left;
}

/* JOOMLA STYLE
——————————————————— */
table.blog {
}

.article_seperator {
display: block;
background: url(../images/seperator.gif) no-repeat center;
height: 40px;
}

#ja-leftcol .article_seperator, #ja-rightcol .article_seperator {
display: none;
}

table.contentpane {
border: none;
width: 100%;
}

table.contentpaneopen {
border: none;
}

table.contenttoc {
margin: 0 0 10px 10px;
padding: 0;
width: 35%;
}

table.contenttoc a {
text-decoration: none;
}

table.contenttoc td {
padding: 1px 5px 1px 25px;
background: url(../images/bullet-list.gif) no-repeat 5% 50%;
}

table.contenttoc th {
padding: 4px;
background: url(../images/pat-bg1.gif);
text-indent: 5px;
}

table.poll {
padding: 0;
width: 100%;
border-collapse: collapse;
}

table.pollstableborder {
padding: 0;
width: 100%;
border: none;
text-align: left;
}

table.pollstableborder img {
vertical-align: baseline;
}

table.pollstableborder td {
padding: 5px!important;
}

table.pollstableborder tr.sectiontableentry1 td {
background: #F2F2F2;
}

table.searchintro {
padding: 10px 0;
width: 100%;
}

table.searchintro td {
padding: 5px!important;
}

table.adminform {
width: 400px!important; /*Control the Frontend Editor area width*/
}

.adminform .inputbox {
}

.blog_more {
margin: 10px 0;
padding: 10px;
border: 1px solid #EDECEC;
background: url(../images/pat-bg1.gif) #F2F2F2;
}

.blog_more strong {
margin: 0 0 5px;
display: block;
color: #545454;
text-transform: uppercase;
}

.blog_more ul {
margin: 0;
padding: 0;
}

.blog_more ul li {
margin: 0;
padding: 0 0 0 12px;
background: url(../images/bullet-list.gif) no-repeat 0 8px;
}

td.buttonheading {
padding: 0 0 0 3px!important;
text-align: center;
}

.category {
font-weight: bold;
}

.clr {
clear: both;
}

.componentheading {
padding-bottom: 5px;
margin-bottom: 10px;
font-size: 200%;
font-weight: bold;
line-height: normal;
}

.contentdescription {
padding-bottom: 30px;
color: #999999;
}

table.blog .contentheading {
font-size: 170%;
line-height: normal;
font-weight: bold;
}

.contentheading {
font-size: 170%;
line-height: normal;
color: #60B071;
font-weight: bold;
}

a.contentpagetitle {
text-decoration: none!important;
}

a.contentpagetitle:hover,
a.contentpagetitle:active,
a.contentpagetitle:focus {
text-decoration: none!important;
}

a.readon {
float: right;
padding: 1px 5px 1px 10px;
display: block;
background: url(../images/readon-bg.gif) no-repeat center left #60B071;
color: #FFFFFF;
text-decoration: none;
}

a.readon:hover, a.readon:active, a.readon:focus {
color: #FFFFFF;
background: url(../images/readon-bg.gif) no-repeat center left #59B2C4;
text-decoration: none;
}

table.contentpaneopen td, table.contentpane td {
}

table.contentpaneopen, table.contentpane, table.blog {
width: 100%;
}

.createdate {
padding: 2px 0 10px 0;
color: #999999;
line-height: 10px;
}

.modifydate {
color: #999999;
height: 15px;
}

.moduletable {
padding: 0;
}

.mosimage {
padding: 0;
margin: 5px 15px 0 0!important;
margin: 5px 5px 0 0;
}

.mosimage img {
padding: 0;
margin: 0!important;
}

.mosimage_caption {
margin-top: 5px;
padding: 1px 2px;
color: #999999;
}

.pagenav,
.pagenav_prev,
.pagenav_next,
.pagenavbar {
padding: 0 2px;
}

a.pagenav,
.pagenav_prev a,
.pagenav_next a,
.pagenavbar a {
text-decoration: none;
}

a.pagenav:hover, a.pagenav:active, a.pagenav:focus,
.pagenav_prev a:hover, .pagenav_prev a:active, .pagenav_prev a:focus,
.pagenav_next a:hover, .pagenav_next a:active, .pagenav_next a:focus,
.pagenavbar a:hover, .pagenavbar a:active, .pagenavbar a:focus {
text-decoration: none;
}

.pagenavbar {
padding-left: 14px;
background: url(../images/pages.gif) no-repeat center left;
}

.pagenavcounter {
padding: 8px 14px 0 14px;
background: url(../images/pages.gif) no-repeat 0 11px;
}

.sectiontableheader {
padding: 7px 5px;
border: 1px solid #FFFFFF;
background: url(../images/pat-bg2.jpg) #C0C0C0;
font-weight: bold;
}

tr.sectiontableentry1 td {
padding: 7px 5px;
background: url(../images/seperator2.gif) repeat-x bottom;
}

tr.sectiontableentry2 td {
padding: 7px 5px;
background: url(../images/seperator2.gif) repeat-x bottom #F2F2F2;
}

tr.sectiontableentry1:hover td,
tr.sectiontableentry2:hover td {
background: url(../images/seperator2.gif) repeat-x bottom #FEFAE1;
}

tr.sectiontableentry1 a:hover, tr.sectiontableentry1 a:active, tr.sectiontableentry1 a:focus,
tr.sectiontableentry2 a:hover, tr.sectiontableentry2 a:active, tr.sectiontableentry2 a:focus {
background: none;
}

.small {
color: #999999;
}

.smalldark {
color: #999999;
text-align: left;
}

div.syndicate div {
text-align: center;
}

.pollstableborder tr.sectiontableentry1 td,
.pollstableborder tr.sectiontableentry2 td {
background: none;
}

/* MAIN LAYOUT DIVS
——————————————————— */
#ja-wrapper {
width: 760px;
margin: 0 auto;
}

.wide #ja-wrapper {
width: 950px;
}

.auto #ja-wrapper {
width: 95%;
}

#ja-containerwrap {
margin-top: 5px;
text-align: left;
background: url(../images/mainwrap-bg.gif) repeat-y 80% 0% #FFFFFF;
}

#ja-container {
padding: 0;
background: url(../images/leftcol-right-bg.gif) repeat-y 60% 0%;
}

#ja-container-fr, #ja-container-f {
background-color: #FFFFFF;
}

#ja-container-fl #ja-mainbody-fl {
border-bottom: none;
}

#ja-container-fr {
padding: 0;
background: url(../images/leftcol-left-bg.gif) repeat-y 20% 0% #FFFFFF;
}

#ja-contentwrap {
}

#ja-content {
padding: 0 20px 15px;
margin: 0;
clear: both;
display: block;
min-height: 300px;
}

/* HEADER
——————————————————— */
#ja-headerwrap {
}

#ja-header {
clear: both;
text-align: left;
line-height: normal;
height: 54px;
position: relative;
}

#ja-header h1 {
font-size: 3em;
position: absolute;
top: 0px;
left: 0;
}

#ja-header h1 a {
text-decoration: none;
text-transform: uppercase;
}

#ja-header h1 img {
float: left;
}

/* Top Menu in Header */
#ja-topnavwrap {
padding-left: 5px;
position: absolute;
top: 12px;
right: 5px;
height: 26px;
}

#ja-topnavwrap ul {
margin: 0;
padding: 0;
float: left;
height: 26px;
}

#ja-topnavwrap li {
margin: 0;
padding: 0;
display: inline;
background: none;
}

#ja-topnavwrap li a {
padding: 0 0 0 20px;
text-decoration: none;
line-height: 24px;
}

#ja-topnavwrap li a:hover,
#ja-topnavwrap li a:active,
#ja-topnavwrap li a:focus {
background: none;
}

/* User Tools */
#ja-usertoolswrap {
float: right;
width: 100px;
display: block;
background: url(../images/sitetool-bg1.gif) no-repeat top left;
position: relative;
z-index: 999;
}

span.ja-sitetool {
margin: 0;
padding: 12px 0 11px 23px;
display: block;
color: #FFFFFF;
font-weight: bold;
text-align: center;
text-decoration: none;
border-left: 3px solid #FFFFFF;
cursor: pointer;
}

#ja-usertoolswrap:hover, #ja-usertoolswrap.ja-toolswraphover {
background: url(../images/sitetool-bg1.gif) no-repeat top left #60B071;
}

#ja-usertoolswrap:hover #ja-usertools,
#ja-usertoolswrap.ja-toolswraphover #ja-usertools {
display: block;
top: 30px;
}

#ja-usertools {
padding: 5px 0 2px;
float: left;
border-top: 1px solid #DDDDDD;
border-right: 1px solid #999999;
border-bottom: 1px solid #999999;
border-left: 1px solid #DDDDDD;
display: none;
background: #FFFFFF;
font-size: 11px;
position: absolute;
top: 100%;
line-height: normal;
}

#ja-usertools span {
float: left;
padding: 0 8px;
margin: 0;
display: block;
}

#ja-usertools img {
padding: 0 2px;
margin: 0;
}

#ja-usertools a {
background: none;
}
/* Search */
#ja-search {
position: absolute;
top: 40px;
right: 0;
}

#ja-search div.search {
padding-left: 18px;
background: url(../images/icon-search.gif) no-repeat center left;
}

#ja-search .inputbox {
width: 200px;
padding-left: 5px;
border: 1px solid #C0C0C0;
background: #FFFFFF;
}

#ja-usertools .inputbox:hover,
#ja-usertools .inputbox:focus {
}

/* MAIN NAVIGATION
——————————————————— */
#ja-mainnavwrap {
background: #59B2C4;
}

#ja-mainnav {
font-size: 1em;
line-height: normal;
}

#ja-mainnav a {
}

#ja-subnav {
padding: 6px 0;
margin: 3px 0 0;
clear: both;
line-height: normal;
}

/* Default Joomla! Menu */
a.mainlevel {
padding: 5px 3px 7px 12px;
width: 90%;
display: block;
background: url(../images/a-mainlevel-bg.gif) no-repeat bottom left;
color: #545454;
text-decoration: none;
}

a.mainlevel:hover,
a.mainlevel:active,
a.mainlevel:focus {
color: #545454;
text-decoration: none;
background: url(../images/a-mainlevel-bg.gif) no-repeat bottom left #F2F2F2;
}

a.mainlevel#active_menu {
color: #60B071;
background: url(../images/a-mainlevel-bg.gif) no-repeat bottom left #F2F2F2;
font-weight: bold;
text-decoration: none;
}

a.sublevel {
padding: 4px 4px 4px 13px;
display: block;
color: #545454;
background: url(../images/bullet-list2.gif) no-repeat 2% 50%;
text-decoration: none;
}

a.sublevel:hover,
a.sublevel:active,
a.sublevel:focus {
color: #59B2C4;
background: url(../images/bullet-list2.gif) no-repeat 2% 50%;
text-decoration: none;
}

#active_menu {
background: url(../images/bullet-list2.gif) no-repeat 2% 50%;
color: #59B2C4;
}

/* SPOTLIGHT
——————————————————— */
/* Sub Header */
#ja-sh {
clear: both;
height: 250px;
overflow: hidden;
background: #999999;
margin-top: 5px;
}

/* Spotlight Box Style */
.ja-box-full, .ja-box-left, .ja-box-center, .ja-box-right {
float: left;
overflow: hidden;
}

.ja-box-left div.moduletable {
padding-right: 20px;
}

.ja-box-right div.moduletable {
padding-left: 20px;
background: url(../images/v3-seperator.gif) top left repeat-y;
}

.ja-box-center div.moduletable {
padding: 0 20px;
background: url(../images/v3-seperator.gif) top left repeat-y;
}

/* Top Spotlight */
#ja-topslwrap {
clear: both;
padding-bottom: 25px;
margin-bottom: 10px;
background: url(../images/seperator.gif) no-repeat bottom;
}

#ja-topsl {
padding: 0;
}

#ja-topsl h3 {
}

#ja-topsl div.moduletable {
}

#ja-topsl div.ja-box-left,
#ja-topsl div.ja-box-center,
#ja-topsl div.ja-box-right {
padding: 0 0 5px;
}

#ja-topsl div.ja-box-left,
#ja-topsl div.ja-box-center {
background: url(../images/v-seperator.gif) repeat-y top right;
}

/* Bottom Spotlight */
#ja-botsl {
padding-bottom: 1px;
color: #999999;
}

#ja-botsl-left {
width: 80%;
float: left;
background: url(../images/botsl-bg.gif) bottom left no-repeat #60B071;
color: #FFFFFF;
padding: 15px 0;
}

#ja-botsl-right {
width: 19%;
float: right;
color: #FFFFFF;
padding: 15px 0;
background: url(../images/botsl-right-bg.gif) no-repeat top right #59B2C4;
}

#ja-botsl a {
}

#ja-botsl h3 {
padding: 0;
margin: 0 0 5px;
border: none;
background: none;
text-indent: 0;
}

#ja-botsl div.moduletable {
margin: 0;
padding: 0 20px;
}

#ja-topsl ul,
#ja-botsl ul {
padding: 0;
margin: 0!important;
}

#ja-topsl li,
#ja-botsl li {
padding: 0 0 0 12px;
margin: 0;
background: url(../images/bullet-list.gif) no-repeat 0 5px;
}

#ja-topsl li a,
#ja-botsl li a {
color: #545454;
text-decoration: none;
}

#ja-topsl li a:hover, #ja-topsl li a:active, #ja-topsl li a:focus,
#ja-botsl li a:hover, #ja-botsl li a:active, #ja-botsl li a:focus {
color: #545454;
text-decoration: none;
}

#ja-topsl td,
#ja-botsl td {
padding: 0;
}

#ja-botsl .article_seperator,
#ja-topsl .article_seperator {
display: none;
}

#ja-botsl table,
#ja-topsl table {
border-spacing: 0;
border-collapse: collapse;
}

/* PATHWAY
———————————————————*/
#ja-pathway {
margin: 0 -20px 10px;
padding: 7px 6px;
display: block;
background: url(../images/pat-bg2.jpg) #C0C0C0;
font-size: 1em;
line-height: normal;
text-indent: 15px;
border-top: 2px solid #F2F2F2;
border-bottom: 1px solid #DDDDDD;
}

#ja-pathway img {
margin: 0 5px 1px;
}

#ja-pathway strong {
margin-right: 5px;
}

#ja-pathway a {
color: #545454;
}

/* CONTENT COLUMN
——————————————————— */
#ja-mainbody, #ja-mainbody-fl, #ja-mainbody-fr, #ja-mainbody-f {
padding-bottom: 20px;
border-bottom: 3px solid #E1E1E1;
}

#ja-mainbody {
float: left;
width: 80%;
}

#ja-mainbody #ja-contentwrap {
float: left;
width: 75%;
}

#ja-mainbody-fl {
float: left;
width: 80%;
}

#ja-mainbody-fl #ja-contentwrap {
float: left;
width: 100%;
}

#ja-mainbody-fr {
float: left;
width: 100%;
}

#ja-mainbody-fr #ja-contentwrap {
float: right;
width: 80%;
}

#ja-mainbody-fr #ja-leftcol {
width: 20%;
background: url(../images/leftcol-bg.gif) no-repeat top right;
}

#ja-mainbody-f {
float: left;
width: 100%;
}

/* LEFT COLUMN + RIGHT COLUMN
——————————————————— */
#ja-leftcol {
float: left;
width: 24.9%;
background: url(../images/leftcol2-bg.gif) no-repeat top left;
}

#ja-leftcol-inner {
padding: 8px 15px 0 15px;
}

#ja-rightcol {
float: right;
width: 19%;
background: url(..images/body-bg.jpg) top left repeat-y;
}

#ja-leftcol table,
#ja-rightcol table {
border-collapse: collapse;
border-spacing: 0;
}

#ja-leftcol ul li,
#ja-rightcol ul li {
padding-left: 12px;
margin: 0;
background: url(../images/bullet-list.gif) no-repeat 0 6px;
}

#ja-leftcol ul,
#ja-rightcol ul {
margin: 0;
}

/* FOOTER
——————————————————— */
#ja-footerwrap {
clear: both;
padding: 5px 0 10px;
color: #999999;
text-align: left;
}

#ja-footer {
height: 55px;
overflow: hidden;
position: relative;
text-align: left;
padding: 0 15px;
color: #999999;
}

#ja-footer a {
color: #999999;
text-decoration: none;
}

#ja-footer a:hover,
#ja-footer a:active,
#ja-footer a:focus {
color: #999999;
}

#ja-bottomline {
float: left;
}

#ja-cert {
float: right;
margin-top: 15px;
font-size: 11px;
}

#ja-cert a, #ja-cert a:hover, #ja-cert a:active, #ja-cert a:focus {
padding-left: 5px;
background: none;
}

/* MISCELLANOUS
———————————————————– */
#ja-banner {
text-align: center;
overflow: hidden;
width: 98%;
}

div.back_button a,
div.back_button a:hover,
div.back_button a:active {
margin: 10px 0;
display: block;
background: none!important;
text-decoration: none!important;
}

#mod_login_password, #mod_login_username {
width: 93%;
}

#mod_login_password {
}

#mod_login_username {
}

#mod_login_remember {
border: none;
background: none;
}

/* Clearfix */
.clearfix:after {
clear: both;
display: block;
content: “.”;
height: 0;
visibility: hidden;
}

* html > body .clearfix {
width: 100%;
display: block;
}

* html .clearfix {
height: 1%;
}

/* Firefox Scrollbar Hack – Do not remove */
html {
margin-bottom: 1px;
height: 100%!important;
height: auto;
}

[ErikThorsen Friend ErikThorsenJoin date: December 2005Posts: 1098Downloads:0Uploads:7 Thanks: 22 Thanked: 10 times in 1 posts]

#218733

You have tried everything? Have your tried this?

/*------------------------------------------------------------------------
# JA Wistery 1.0 - Feb, 2007
# ------------------------------------------------------------------------
# Copyright (C) 2004-2006 J.O.O.M Solutions Co., Ltd. All Rights Reserved.
# @license - Copyrighted Commercial Software
# Author: J.O.O.M Solutions Co., Ltd
# Websites: http://www.joomlart.com - http://www.joomlancers.com
-------------------------------------------------------------------------*/
/* COMMON STYLE
--------------------------------------------------------- */
* {
margin: 0;
padding: 0;
}

body {
color: #545454;
background: #FFFFFF;

Change the “background” to black colour ( 000000 ) This should do the trick I think?

[Author]

Posts