My header has been black since customizing my CSS

carlmmiller · Member · Jul 18, 2008 at 5:07 pm
Copy link

Add topic to favorites
How do I get my header back? I am using Benevolence design and only made one change to the CSS. (font size in body)

body {
position:relative;
background:#333;
height:100%;
font-family:Arial;
color:#000;
font-size:10pt;
text-align:center;
margin:0;
padding:0;
}

#wrapper {
position:relative;
height:100%;
width:700px;
border-left:10px solid black;
border-right:10px solid black;
background-color:#000;
margin:0 auto;
}

#insideWrapper {
position:relative;
top:0;
height:100%;
width:700px;
background-color:#fff;
text-align:left;
margin:0;
}

#insideWrapper:after {
content:”.”;
display:block;
line-height:1px;
font-size:1px;
clear:both;
}

.post {
position:relative;
top:0;
width:420px;
left:0;
background-color:#fff;
text-align:left;
overflow:hidden;
margin:0;
}

#content {
width:420px;
margin-left:250px;
background-color:#fff;
text-align:left;
}

#sidebar {
position:relative;
float:left;
width:180px;
left:40px;
background-color:#fff;
text-align:left;
font-family:Arial;
color:#000;
font-size:7.5pt;
line-height:11pt;
text-transform:uppercase;
padding:0;
}

#sidebar p {
text-transform:none;
margin:4px 0;
}

.left {
float:left;
margin:0 10px;
}

.right {
float:right;
margin:0 10px;
}

#masthead {
position:relative;
top:0;
background:url(‘images/masthead.jpg’);
width:700px;
height:225px;
margin:0;
}

.centeredImage {
text-align:center;
margin-top:10px;
margin-bottom:0;
padding:0;
}

#footer {
font-size:7pt;
position:relative;
color:#fff;
top:5px;
width:700px;
text-align:center;
margin:5px 0 0;
}

#footer a {
color:#fff;
}

#footer a:visited {
color:#fff;
}

#footer a:hover {
color:#ff3333;
border:0;
}

.sep {
position:relative;
background:url(‘images/sep.jpg’);
width:162px;
height:14px;
left:132px;
text-align:center;
margin:0;
padding:0;
}

#sidebar a {
color:#000;
}

#sidebar a:visited {
color:#000;
}

#sidebar a:hover {
color:#999;
}

.commentBox {
position:relative;
width:90%;
background-color:#f5f5f5;
text-align:left;
border:1px solid #999;
margin:0 auto;
padding:5px;
}

.commentBox .avatar {
border:1px solid #ccc;
float:right;
margin:0;
padding:2px;
}

.cite {
font-size:7pt;
color:#666;
}

code {
font-family:Courier New, Verdana;
text-align:left;
color:#666;
font-size:8pt;
}

input {
border:1px solid #333333;
background-color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:8pt;
color:#000000;
padding:0;
}

h2 {
color:#666;
font-size:14px;
text-align:left;
}

#sidebar ul {
margin-top:0;
margin-left:0;
margin-bottom:0;
padding-left:0;
}

#sidebar li {
list-style-type:none;
margin-left:0;
}

blockquote,blockquote p {
text-indent:0;
margin-bottom:7px;
color:#666;
}

.footerLink {
color:#666;
text-decoration:underline;
}

a.footerLink {
color:#666;
text-decoration:underline;
}

a.footerLink:visited {
color:#666;
text-decoration:underline;
}

a.footerLink:hover {
color:#999;
text-decoration:underline;
}

.title,#sidebar h2 {
font-family:’Arial Black’;
color:#333;
font-size:7.5pt;
text-transform:uppercase;
font-weight:normal;
margin:14px 0 0;
}

a.title {
color:#333;
}

a.title:visited {
color:#333;
}

a.title:hover {
color:#999;
border:0;
}

#blogTitle {
position:relative;
top:50px;
left:20px;
font-family:’Arial Black’;
font-size:8pt;
text-transform:uppercase;
text-align:left;
}

#blogTitle a {
color:#333;
}

#blogTitle a:visited {
color:#333;
}

#blogTitle a:hover {
color:#ff3333;
border:0;
}

.commentPos {
font-family:’Arial Black’;
font-size:7pt;
position:relative;
text-align:center;
text-transform:uppercase;
clear:both;
margin:0;
padding:0;
}

a.commentPos {
font-family:’Arial Black’;
color:#ff3333;
}

a.commentPos:visited {
color:#ff3333;
}

a.commentPos:hover {
color:#000;
border:0;
}

a {
color:#ff3333;
text-decoration:none;
}

a:visited {
color:#ff3300;
text-decoration:none;
}

a:hover {
color:#394651;
text-decoration:none;
border-bottom:1px dashed #394651;
}

#sidebar a img {
border:0;
}

img.centered,img.aligncenter {
display:block;
margin-left:auto;
margin-right:auto;
}

img.alignright {
display:inline;
margin:0 0 2px 7px;
padding:4px;
}

img.alignleft {
display:inline;
margin:0 7px 2px 0;
padding:4px;
}

.alignright {
float:right;
}

.alignleft {
float:left;
}

.aligncenter,div.aligncenter {
display:block;
margin-left:auto;
margin-right:auto;
}

.wp-caption {
border:1px solid #ddd;
text-align:center;
background-color:#f3f3f3;
padding-top:4px;
-khtml-border-radius:3px;
border-radius:3px;
margin:10px;
-moz-border-radius:3px;
}

.wp-caption img {
border:0 none;
margin:0;
padding:0;
}

.wp-caption p.wp-caption-text {
font-size:11px;
line-height:17px;
margin:0;
padding:0 4px 5px;
}
katm · Member · Jul 18, 2008 at 5:13 pm
Copy link
If I’m remembering right, you’ll need to specify the full URL for you header image.
boblets · Member · Jul 18, 2008 at 5:20 pm
Copy link
I don’t know the theme, but the only thing that looks like a header selector is the masthead? Is that the image you want in your header?

A link to your blog would help.
carlmmiller · Member · Jul 18, 2008 at 5:21 pm
Copy link
Thanks katm. Do you know how to do that? I have even tried putting a custom image in mirroring what the image show up like in the preview and all is still black. Thanks for any help that you can provide.
carlmmiller · Member · Jul 18, 2008 at 5:22 pm
Copy link
blog is carlmmiller.wordpress.com
boblets · Member · Jul 18, 2008 at 5:28 pm
Copy link
what happens if you remove this background-color:#000; in the wrapper?
boblets · Member · Jul 18, 2008 at 5:29 pm
Copy link
and a complete link is a good idea http://carlmmiller.wordpress.com/
carlmmiller · Member · Jul 18, 2008 at 5:44 pm
Copy link
hmm… still black header.
carlmmiller · Member · Jul 18, 2008 at 5:45 pm
Copy link
After removing the #000 in wrapper there is still a black header.
carlmmiller · Member · Jul 18, 2008 at 5:50 pm
Copy link
Hey all. I fixed it! I got rid of the background:url(‘images/masthead.jpg’); in the masthead!!! Thanks all for the help exploriing!
boblets · Member · Jul 18, 2008 at 5:53 pm
Copy link
Happy ending! good.

No items found.