Changed header size for Benevolence, can’t get correct header image to show up
-
Hi,
I changed the width of my header on the Benevolence theme, but now I can’t figure out how to load the new header and make it fit correctly. I tried uploading it through the custom header upload, but it only let me use the old size specifications. Then I read about it on the forums and figured I need to put the image into the style sheet instead of loading it in the normal way. And I’ve looked at forums that seem to be telling me I’ve done it right, but it still looks the same. I could really use some help!
My blog is mistyrichmondphotography.wordpress.com
And here’s the css:
body {
background:#8B7765 url(‘./images/stripes.gif’) repeat-x;
border-top:5px solid #7F9B74;
color:#555;
font-family:Palatino Linotype, Book Antiqua3, Palatino6, serif;
font-size:95%;
line-height:1.5;
text-align:left;
margin:0;
padding:0;
}#wrapper,#insideWrapper,#footer {
width:900px;
}#content,.post {
width:620px;
}#sidebar {
background:#FFFFFF url(‘./images/sidebar.png’) repeat-x;
border:2px solid #000000;
color:#eee;
float:left;
width:150px;
margin:0 10px;
padding:10px;
}#sidebar a {
color:#b3cFc1;
}#sidebar a:hover {
color:#eda;
}#sidebar .sec-a {
float:left;
width:200px;
padding:0 10px;
}#sidebar .sec-b {
float:middle;
width:200px;
padding:0 10px;
}#footer {
background:#333;
border-top:1px solid #777;
clear:both;
color:#888;
font-size:0.9em;
padding:5px;
}.navigation {
margin-bottom:10px;
text-align:center;
padding:5px;
}h1,h2,h3 {
font-family:Sylfaen, Georgia, “Times New Roman”, Times, serif;
font-weight:normal;
letter-spacing:-1px;
margin:0;
}#header h1 {
font-size:2em;
margin:120px 0 0;
}#header h1 a {
color:#E5F2E9;
}#desc {
color:#E5F2E9;
font-size:1em;
margin-top:-0.5em;
}#header h1,#desc {
margin-right:30px;
}.entry {
margin-bottom:15px;
font-size:0.9em;
padding:5px 10px;
}.entrymeta {
font-size:0.9em;
color:#999;
}.entrymeta a {
color:#677;
}.entrymeta a:hover {
color:#255;
}.entrytitle h2 {
color:#58BBEB;
font-size:2.2em;
}.entrytitle h2 a {
color:#2C5F3F;
}.entrytitle h2 a:hover {
color:#C8A799;
}.entrytitle h3 {
color:#6F6F6F;
font-size:1.8em;
}.filedto {
background:url(‘http://mistyrichmondphotography.files.wordpress.com/2008/03/blogheadertake503.jpg’) no-repeat 0 2px;
padding-left:15px;
}.commentslink {
background:url(‘./images/comments.gif’) no-repeat 0 3px;
padding-left:15px;
}body#home .entry-1 {
background:#f8f9f1;
border:1px solid #fafbfa;
font-size:1em;
}body#home .entry-1 .entrymeta {
background:#fafbfa;
border-top:1px solid #d8d9c8;
margin:-5px -10px;
padding:5px 10px;
}#sidebar h3 {
color:#aaa;
font-size:1.5em;
font-weight:smooth;
margin:10px 0;
}#sidebar ul li {
border-bottom:1px dotted #414141;
margin-bottom:3px;
padding:3px;
}#nav {
background:#333;
border:5px solid #222;
border-top:none;
font-size:0.9em;
margin-bottom:30px;
width:500px;
margin-top:-60px;
padding:0;
}#nav ul {
list-style-type:none;
margin:0;
padding:0;
}#nav ul li {
font-weight:bold;
float:left;
letter-spacing:1px;
margin-bottom:-3px;
margin-right:10px;
padding:2px 5px;
}#nav ul li a {
color:#fff;
font-family:”Times New Roman”, Times, serif;
}#nav ul li a:hover {
color:#E0EEE5;
}.alt {
background:#f3f3f3;
border:1px solid #EEEEEE;
padding:0.5em;
}h3#comments {
font-size:1.6em;
}a {
color:#579;
text-decoration:none;
}a:hover {
color:#CC0000;
}.clearfix:after {
content:”.”;
display:block;
height:0;
clear:both;
visibility:hidden;
}* html .clearfix {
height:1%;
}Can anyone tell me what I’ve done wrong?
Thank you!
Misty -
FYI the custom header upload will never work once you’ve got custom CSS and started tinkering. You have to find the exact URL of the image you want to replace and upload an image and put it’s URL in place of that original one. Unfortunately, I’m not well up in CSS enough to tell you off the top of my head which of those images you need to replace.
-
Thanks for the help. I realized it won’t work with the uploader (after trying it over and over again for a while and checking the forums) and then tried putting the image url in the css code. But it doesn’t seem to be working. From other people’s posts about the same thing, it looks like it should be ok, but nope- just looks the same.
-
Have you cleared your browser cache and cookies and reloaded the page? Sometimes it’s just that you’re looking at an old version.
-
Well… no. I should do that. But I just saw it on another computer and it looks the same. The black space to the right of the header shouldn’t be there. Thanks again for the help!
-
If that’s your code, this is the problem:
background:#8B7765 url(‘./images/stripes.gif’) repeat-x;
You need a full url starting from http://
-
Thanks! It actually has the full url in there, but it’s not all showing up here on the forum page. Guess it got cut off. Here’s what it actually looks like:
.filedto {
background:url(‘http://mistyrichmondphotography.files.wordpress.com/2008/03/blogheadertake503.jpg’) no-repeat 0 2px; -
You changed the wrong selector. Use:
#masthead{ background: url(http://http://mistyrichmondphotography.files.wordpress.com/2008/03/blogheadertake503.jpg) no-repeat; } -
- The topic ‘Changed header size for Benevolence, can’t get correct header image to show up’ is closed to new replies.
WordPress.com Forums 