10 replies
Ok, I'll come clean, I'm a total noob.

I'm working on my blog - Glen Kirkham using wordpress and for some reason the background has started displaying as white when the template was originally in black. I've tried as many alterations as I can think of and can't seem to get it back to black :confused:

Heres my CSS:


/*
Theme Name: Black Bible
Description: Dark, but nice Theme
Version: 1.0
Author: Benjamin Held @ Designers Heaven
Author URI: Das Designers Heaven - Blog
*/
<meta name="verify-v1" content="Kdz+uMkhdImVZ3V3F250a5JmhzxkPryCQyY04APyW W4=" />

body {
margin:0;
padding-top:0px;
background:#1f1f1f url(images/body.jpg) center repeat-y;
font-family:Century gothic, Arial,Tahoma,sans-serif;
color:#cfcfcf;
font-size:13px;
}
img {
border:0;
}
a {
color:#cc9f4a;
text-decoration:none
}
a:hover {
color:#fff;
text-decoration:none
}
h1, h2, h3, h4, h5, h6 {

}
blockquote {
padding-left:10px;
color:#666;
font-style: normal;

}
.clear {
clear:both;
}
.alignleft {
float:left;
padding:2px 0 0 5px;
}
.alignright {
float:right;
padding:2px 0 0 5px;
}
/* The Menu */

#foxmenucontainer{
height:28px;
background:#0b0d0d;
display:block;
padding:0px 0 0px 0px;
border-top:1px solid #4f5155;
}
#foxmenu{
position:relative;
display:block;
height:28px;
font-size:13px;
font-weight:normal;
font-family:Tahoma,Verdana,Helvitica,sans-serif;
}
#foxmenu ul{
margin:0px;
padding:0px 0px 0 10px;
list-style-type:none;
width:auto;
float:left;
}
#foxmenu ul li{
display:block;
float:left;
margin:0 0px 0 0;
width:84px;
}
#foxmenu ul li a{
display:block;
float:left;
color:#ccc;
text-align: center;
text-decoration:none;
padding:7px 0px 0 0px;
width:84px;
height: 21px;
background:#eee url(images/li2.gif) no-repeat top right;
}
#foxmenu ul li a:hover,#foxmenu ul li.current_page_item a{
color:#fff;
background:#222 url(images/li2.gif) no-repeat top left;
width:84px; height: 21px;
text-align: center;
}
#foxmenu ul li .current_page_item a,#foxmenu ul li .current_page_item a:hover{
color:#fff;
width: 84px; height: 21px;
background:transparent url(images/li2.gif) no-repeat top right;
}


/* The Wrapper */

.wrapper {
width:1000px;
margin:0 auto;
background:#0a0c0d;
border-left:1px solid #302f2f;
border-right:1px solid #302f2f;
}

/* The Top */

.top {
height:212px;
margin:auto;
background:url(images/top.jpg);
background-repeat:no-repeat;

}
.blogname {
float:right;
width:1000px;
font-family:Georgia,century gothic, Arial, sans-serif;
margin:0px 0 0 0;
}
.blogname h1 {
font-size:40px;
font-weight:normal;
margin:60px 20px 0 0px;
color:#cfcfcf;
text-decoration: none;
text-align:right;
font-weight:bold;
}
.blogname h1 a:link, .blogname h1 a:visited{
color: #cfcfcf;
text-decoration: none;
background-color:transparent;
}

.blogname h1 a:hover {
color: #fff;
text-decoration: none;
background-color:transparent;
}
.blogname h2 {
margin:0px 20px 0 30px;
font-size:16px;
font-weight:normal;
color:#fff;
text-align:right;
}


.content {
padding:0px 10px 25px 5px;
background:#282c2f ;
border-top:1px solid #404547;
}

#content {
float:left;
margin:0 0 0 5px;
padding:0;
width:746px;
}

.title{
margin: 0 0 0;
padding: 0px 0px 0px 5px;
height:70px;
background:url(images/title.jpg)
}
.date {
float:left;
height:14px;
font-size:14px;
font-family:Century gothic,Verdana,Helvitica,sans-serif;
padding-left:10px;
padding-top:2px;
font-weight:normal;
color:#919191;
}
.time{
text-align:left;
width:140px;
height:25px;
margin-top:2px;
font-family:Georgia,century gothic, Arial, sans-serif;
padding:1px 0 0 17px;
color:#fff;
float:right;
font-size:12px;
}
.post {
/*margin: 10px 10px 0 5px;
padding:0px 0px 0px 0px;
height: 100%;
text-align:left;
color:#777;
font: 13px Georgia,century gothic, Arial, sans-serif;*/
color:#CCCCCC;
font-family:helvetica neue,century gothic,Arial,sans-serif;
font-size:13px;
font-size-adjust:none;
font-style:normal;
font-variant:normal;
font-weight:normal;

text-align:left;
}

.post h2 {
margin: 0 0;
padding: 10px 0px 5px 10px;
background: transparent;
text-align: left;
font: 24px Georgia,century gothic, Arial, sans-serif;
font-weight:normal;

}

.post h2 a, .post h2 a:link, .post h2 a:visited {
color: #fff;
background-color: transparent;
}
.post h2 a:hover {
color: #fff;
background-color: transparent;
}


.postinfo {
height:31px;
padding: 4px 5px 0px 2px;
background:url(images/meta.jpg);

}
.spostinfo {
height:34px;
padding: 4px 5px 0px 2px;
background:url(images/smeta.jpg);

}

.postinfo a:link {
color:#e35416;
font-weight:normal;
text-decoration:none;
}
.category{
float:left;
padding:0px 0 0 5px;
color:#222;
background:url(images/categ.gif);
background-repeat:no-repeat;
font-size:12px;
}

.postinfo .com{
line-height:15px;
float:left;
padding:10px 0px 0 10px;
background:url(images/comments.gif);
background-repeat:no-repeat;
font-size:11px;
}

.postinfo .com a:link,
.postinfo .com a:visited {
color:#cc9f4a;
background-color: transparent;
}
.postinfo .com a:hover{
color:#fff;
}
.post a:link,
.post a:visited {
color: #cc9f4a;
background-color: transparent;
}

.post a:hover {
color: #f4e0e0;
background-color: transparent;
text-decoration: none;
}

.entry {
margin:0;
padding:5px 18px;
width:703px;
}
.cover{
margin: 0 0;
background:url(images/cover.jpg);
background-repeat:repeat-y;
}
.rightcolumn{
float:right;
width:200px;
}

/* The Sidebar1*/
.sidebar{
float:right;
width:200px;
padding-top:10px;
padding-right:10px;
font-size:13px;
font-family: Georgia,century gothic, Arial, sans-serif;
}

.sidebar h2 {
height:27px;
line-height:27px;
font-size:18px;
color:#cc9f4a;
margin:5px 0 0 0 ;
padding:0px 0 0 5px;
background:#131313 ;
background-repeat:repeat-x;
font-weight:normal;
}
.sidebar ul {
list-style-type: none;
margin: 0 ;
padding: 0;

}
.sidebar ul li {height:100%;
}

.sidebar ul li a:link, .sidebar ul li a:visited {
color:#737373;
text-decoration: none;
padding: 3px 0px 4px 5px;
display:block;
font-family:Georgia,century gothic, Arial, sans-serif;
background:#1b1b1b;
background-repeat:no-repeat;
border-bottom:1px solid #2a2a2a;
border-top:1px solid #161616;
}

.sidebar ul li a:hover {
background:#000001;
background-repeat:no-repeat;
color:#ccc;
}

.sidebar p {
padding: 7px 10px;
margin:0;
color:#ababab;

}

.sidebar table {
width:100%;
text-align:center;
background:#1b1b1b;
color:#ababab;
}
/* --- FOOTER --- */

#footer {
height:30px;
padding:10px 0 0 0px;
background:#020202;
border-top:1px solid #2E2E2E;
color:#fff;
font-size:10px;
font-weight:normal;
text-align:center;
letter-spacing:1px;
}

#footer a {
color:#cc9f4a;
}

#footer a:hover {
color:#eee;
}


/* The Navigation */

.navigation {
height:25px;
padding:0 20px;
}
.navigation a {
font-weight:bold;
text-decoration:none;
font-size:14px;
color:#7A8B92;
}
.navigation a:hover {
color:#fff;

}

/* The Attachment */

.contentCenter {
text-align:center;
}

/* The Page Title */

h2.pagetitle {
padding:0;
margin:0 0 20px 0;
font-size:25px;
text-align:center;
}

/* The Comments */

.comments {
}
.comments form {
}
.comments textarea {
width:90%;
height:156px;
background:#3c3f41;
border:1px solid #62676a;
color:#999;
padding:10px;
overflow:auto;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
}
#commentform {
padding-left:23px;
}
#commentform input {
background:#3c3f41;
border:1px solid #62676a;
color:#777;
padding-left:10px;
}
.comments input#submit {
padding:0;
width:72px;
height:29px;
}
.comments h2 {
font-size:19px;
line-height:30px;
margin:24px 0 0 23px;
padding:0;
font-weight:normal;
}
.comments ol li p {
padding:0;
margin:10px 0;
color:#888;
}


---------------

Any help you guys can give is thoroughly appreciated :-)

Thanks
#black #wordpress
  • Profile picture of the author VegasGreg
    Well, it looks like your CSS Stylesheet is intact, so I am thinking it could be a plugin that is interfering.

    I would try deactivating your plugins and see if that fixes the problem. If so, reactivate the plugins 1 by 1 and see which one caused the issue.

    That is all I can think of off the top of my head without diving in to everything else.
    Signature

    Greg Schueler - Wordpress Fanatic... Living The Offline Marketing Dream...

    {{ DiscussionBoard.errors[1075588].message }}
  • Profile picture of the author Melodican
    Hey Greg, thanks for your help... I've uninstalled every plug but I'm still having the same issue !?

    hmmmm
    {{ DiscussionBoard.errors[1075607].message }}
  • Profile picture of the author john_kennedy
    Did you try and restore the original CSS file? You can open your copy on your computer in Notepad and then copy that into the Theme editor in your admin area.

    John
    {{ DiscussionBoard.errors[1075611].message }}
  • Profile picture of the author john_kennedy
    I think I might see the problem. You have your Google verify link in there. Remove that line and see if that clears it up.

    <meta name="verify-v1" content="Kdz+uMkhdImVZ3V3F250a5JmhzxkPryCQyY04APyW W4=" />
    John
    {{ DiscussionBoard.errors[1075640].message }}
  • {{ DiscussionBoard.errors[1075644].message }}
    • Profile picture of the author Melodican
      Originally Posted by Nat Jackson View Post

      Did what John suggest work?
      Worked a charm Nat
      {{ DiscussionBoard.errors[1075659].message }}
  • Profile picture of the author Melodican
    Hey guys thanks for the help... I worked out what it was. The line:

    Author URI: Das Designers Heaven - Blog
    */
    <meta name="verify-v1" content="Kdz+uMkhdImVZ3V3F250a5JmhzxkPryCQyY04APyW W4=" />


    The meta data from googles analytics was destroying my background for some reason

    Cheers all
    {{ DiscussionBoard.errors[1075655].message }}
  • Profile picture of the author Melodican
    Hey thanks... I was one step behind... Where do i need to put that line of code on my WP dashboard ??
    {{ DiscussionBoard.errors[1075658].message }}
  • Profile picture of the author john_kennedy
    That goes into your header.php file.

    John
    {{ DiscussionBoard.errors[1075664].message }}
  • Profile picture of the author Melodican
    Thanks folks... youve been a huge help :-)
    {{ DiscussionBoard.errors[1075689].message }}

Trending Topics