Posted 3 years ago #
hey guys... im trying to put a custom header on the "connections-reloaded" theme on my blog. but you can still see the bottom of the original picture. and a little of the left side too. its like the custom pic needs to go to the left and down a little bit. can you help? how do i do this?
(see http://www.pearsandplums.com )
What you want to do is edit the style.css file.
Locate this
#headimg {
background: #7d8b5a url(img/train.jpg) center repeat-y;
height: 142px;
margin: 2px 0 0 10px;
width: 741px;
}and change it to
#headimg {
height: 142px;
margin: 2px 0 0 10px;
width: 741px;
}
Posted 3 years ago #
I tried that- it looks the same (you can take a look). It seems there is also an image called "top" that has the same picture except with the top green border added. That is the one peeking through. But deleting that deletes the green border.
Posted 3 years ago #
I had the same problem as you. I was left with a tiny sliver on the bottom...part of the green graphic. I finally had to use the graphic editor and took the header image and placed my graphic into it.
Are all the themes like this where it doesn't place the custom header correctly? I was spoiled with WP.com
Are all the themes like this where it doesn't place the custom header correctly?
Depends upon whether you're replacing the original image with one exactly the same size and whether you've customised the theme and/or introduced any errors.
Posted 3 years ago #
What I mean is I had header graphic and it gives me the option to crop the graphic down to size. Which I did (same as at WP.com) but when you do this, it still leaves a sliver of the original green graphic.
So that is what I am asking, if after you crop the graphic and the program replaces it, do the other themes do that correctly?
no other changes were made to the CSS at the time. It was a straight d/l.
So that is what I am asking, if after you crop the graphic and the program replaces it, do the other themes do that correctly?
I can't answer for all themes. Only the ones I've developed. But, where I have incorporated a custom header option, I will have tested it with multiple new images.
Posted 3 years ago #
Thanks Esmi.
Here is a thread from the theme homepage talking about exactly what pearsandplums and I have had problems with.
Posted 3 years ago #
yes! i think i figured it out. i had to change the "top" image to what i wanted it to look like, deleted everything that said "train.jpg" in all the files, and deleted some other stuff too. If anyone wants me to copy/paste the css sheet, I'll email it to you. im so happy i figured this out!!
Posted 3 years ago #
I'd like to see what you did.....if you don't mind. I just used my graphic editor and place the picture inside the .gif graphic and that worked fine.
This is such a great theme that it is sad that it doesn't work right with the header graphic!
Posted 3 years ago #
PS: I don't know how you contact another member on this forum? I don't see a link anywhere!
Posted 3 years ago #
Why was the original Connections theme changed? The only things I saw the new one do differently is:
1. Screw up the header graphic.
2. Screw up the image borders and accompanying text alignment.
3. Make a very prominent box for blog post tags, which isn't a big deal.
And it wouldn't have been so bad if the original Connections theme was still available and the typical WordPress user had a choice between the two. But no, the original was thrown into the trash in favor of a broken new version.
esmi wrote:
Depends upon whether you're replacing the original image with one exactly the same size and whether you've customised the theme and/or introduced any errors
I have indeed made a banner graphic for the original theme that was exactly the correct size, and the new version even tells you and FORCES you to have an image of that size. And as soon as you upload it BAM! you get about 4 or 5 pixels of the old image peeking out from underneath your painstakingly crafted (or quickly cropped) banner image.
Compare original to new version with same size header graphic.
I know these themes are free and I'm very grateful for that. But what I want is for somebody not to completely replace a theme that works with one that doesn't, with no discernable reason for the replacement.
Posted 3 years ago #
By the way, I had to fix the image caption boxes in the new version to get the surrounding text to wrap properly. I'll start with the part of style.css I had to comment out and its replacement coding (copy-pasted from the old theme, natch):
/* Text and Image Alignment */
/* THIS SECTION COMMENTED OUT AND REPLACED BECAUSE IT SUCKS - AOFM */
/*img.alignleft, .left { float: left; }
img.alignright, .right { float: right; }
.alignleft { text-align: left; }
.alignright { text-align: right; }
.aligncenter, img.centered, .center { text-align: center; }
.wp-caption { border: 1px dotted #0C6BF0; margin: 10px; }
.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;
}*/
/* THIS SECTION DOESN'T SUCK */
img.centered, img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}
img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}
.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;
margin: 10px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
}
Posted 3 years ago #
Fixed my header graphic thanks to a user that posted on Ajay's forums. The workaround for that is finding the following section in style.css and making the change to the "margin" line mentioned in the comment next to it:
#headimg {
background: #7d8b5a url(img/train.jpg) center repeat-y;
height: 142px;
margin: 8px 0 0 10px; /* was margin: 2px 0 0 10px; */
width: 741px;
}Are you facing a problem with 3.0.2?
I fixed the header image problem in this version
This topic has been closed to new replies.
