Problem with the Logo

I can't find a good link which will help me solve my problem with the logo.

I made a banner for my site and I uploaded it at CP > Styles > List of Pictures > Forum Main Logo...

But the picture is not aligned and if you change the screen (let's say from portal to homepage) the picture is taking much time to upload. It makes the banner appear like it is overlapping another box.

Can you please check my site, I am afraid I am not expressing what I want to tell you.

Thanks in advance.

Can someone extend help???

I dont understand your problem cleary :S , can you make a picture of what you want it to be?

Ok, I rephrase. Thanks eiyuu. That is actually my fear.

I made a banner or logo for my site, now, where am I going to place it at the administrative panel????

Is this better???

hi,
have your try to centering your logo there?

general > homepage > header > Logo positioning > center

yes, adiex...and that is the final result. I know you seen the site since I saw you there. Thanks for coming.

last time I checked, your banner is a blue image with a link "Enter my world", but now I see another picture with an American Idol logo :|
I think you want that picture to be centered?
If so go to your custom css box in Themes/Colors and find the codes which look exactly like these:

Code:


.headerbar {
background-color: transparent;
height: 1%;
 /* Hack IE layout */
background-image: url('http://i191.photobucket.com/albums/z301/lastfmbadges/thememotion/mid-1-1.gif');

height: 170px;
background-position: top;
margin-bottom: 5px;
padding: 0pt 5px;
background-repeat: no-repeat;
}
#logo-desc {
margin: 0px;
padding-top: 40px;
text-align: center;
}
#logo {
float: center;
padding: 5px;
}


then replace them with:

Code:


.headerbar {
background-color: transparent;
background-image: url('http://i191.photobucket.com/albums/z301/lastfmbadges/thememotion/mid-1-1.gif');
height: 170px;
width: auto;
background-position: top center;
margin: auto;
padding: 27px 0px 0px 0px;
background-repeat: no-repeat;
}
#logo-desc {
text-align: center;
}
#logo {
float: center;
padding: 0px;
}


If your css section is empty, just put those in the second box in it
the result should look like this:

First of all change your forum width to 75%

the logo wont fit into that blue box in the background as it is on the background image.

to resolve this change the background image

eiyuu and kilsek, thank you very much for the help. I appreciate it. Okay I try to do it and I get back when I still have problems.

Your tribe may grow.

Eiyuu, Thank you very much.

I did it. I was able to put it at the center.

Now, I am looking where I will change the forum width to 75 as suggested by Kilsek. Kilsek please come to the rescue. Thanks in advance.

Admin Panel
Styles
Colors

Scroll down until you find:

Forum width (number or %): enter the number 75%

Now if you have edited your CSS, you need to look for:

Code:


.bodylinewidth {
width:50%}
.forumline{
 background-color: #7a6b2a;
 border: 2px #7a6b2a solid;
 }

And replace all that with this:

Code:


.bodylinewidth {
width:75%}
.forumline{
 background-color: #7a6b2a;
 border: 2px #7a6b2a solid;
 }

uhmm I dont think phpbb3 has those classes ...
in version 3 it's #wrap
sorry if I'm wrong....

Ah yes you are correct forgot that the poster was using version 3

Thak you, Eiyuu and Kilsek. Thank you very much.