PDA

View Full Version : Easy Customizer: Banner not Centered

Andrew Gould
May-15-2009, 10:28 PM
My title is the story.

I made this banner by quite simply adding the centered text to a black background so that the latter would blend in with the background on my home page. I then uploaded the banner, but it's noticeably off to the left side of the top of the photo that I've inserted via the bio box.

I even put the banner back in Photoshop and used the ruler tool to measure the left outer edge to the first letter on the left, and the right outer edge to the last letter on the right of the second line, this being the longest line of the three. Sure enough, the lettering is definitely centered within the background.

Am I still doing something wrong, or what??? This is so frustrating...

Help really appreciated.
Andrew Gould
May-15-2009, 10:42 PM
Wait a minute... I've just realised that the banner is centered over the nav bar, but the problem is that the nav bar isn't centered above the photo. I did set the nav bar to centre, so what's going on???
richW
May-15-2009, 10:48 PM
Looks to be the image in the bioBox is larger than the bioBox. This in turn is shifting the image to the right making the navbar and banner look off center.

Try using the medium version of the image.

<img src="http://www.smugmug.com/photos/537367049_UzXYH-M.jpg">
Andrew Gould
May-15-2009, 10:49 PM
Now here's something... I've only just realised that the photo's not centered. Didn't notice that before with so much space on either side of the 24" screen I'm viewing it on.

This is everything in my CSS box at the moment if it helps:

.homepage #galleryTitle {
display: none;
}

#feedHelp {visibility: hidden;}

.feedStandard {
visibility: visible;
position: relative;
left: 310px;
top: -30px;
}

#userBio {
text-align: center;
}


.homepage .boxBottom {
background: #000 !important;
}


#bioBox .photo {
display: none;
}
Andrew Gould
May-15-2009, 10:53 PM
Looks to be the image in the bioBox is larger than the bioBox. This in turn is shifting the image to the right making the navbar and banner look off center.

Try using the medium version of the image.

<img src="http://www.smugmug.com/photos/537367049_UzXYH-M.jpg">

Sorry, I beat you with my last thoughts on this while you werre replying.

Thanks... and OK... I'll try that, but is there another way to have this larger image and still have it align?

Have to go out now, but will take your advice on either using the smaller image or anything else that can be suggested when I come back...
Andrew Gould
May-16-2009, 08:34 AM
I'm now using the medium size as you've suggested, and I'm very happy with that.

Thanks!
richW
May-19-2009, 10:09 PM
I'm now using the medium size as you've suggested, and I'm very happy with that.

Thanks!You're Welcome....:thumb