The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Removing Margins Surrounding the Forum Logo?

View previous topic View next topic Go down

Solved Removing Margins Surrounding the Forum Logo?

Post by Sunsetswar on August 24th 2011, 6:43 am

So I was trying to put a forum logo/banner into my forum, but a margin appeared on top of the banner as well as it not being perfectly centered (but I wanted the side spaces removed anyway, so I suppose that doesn't necessarily matter.)

The red arrows point toward the spaces I wish to remove, and the dimensions of the banner within this image are 800 x 250 pixels.


For the centering, I HAVE tried going to Display ---> Homepage ---> Headers and Navigation ---> Page headers ---> Changing "Logo positioning" to center, but it resulted in nothing happening at all.

Next I tried to change the dimensions of the banner to be larger, but this is the end result. The dimensions within this banner are 1100 x 400 Pixels.


This is the URL to my forum, any help would be greatly appreciated. >.<
http://saint-trent.forumotion.com/

Sunsetswar
New Member

Posts : 11
Reputation : 0
Language : English

Back to top Go down

Solved Re: Removing Margins Surrounding the Forum Logo?

Post by SLGray on August 24th 2011, 7:06 am

I do not know for sure if this will help or not. Change the forum's width like to 80% or 90%.


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 35629
Reputation : 2372
Language : English
Location : United States

http://fmthemes.forumotion.com/

Back to top Go down

Solved Re: Removing Margins Surrounding the Forum Logo?

Post by Sunsetswar on August 24th 2011, 7:11 am

Hmm, I changed it to 80%, and nothing had happened. I then changed it to 50% to see if there would be an extreme change, but everything still looked unchanged.

Sunsetswar
New Member

Posts : 11
Reputation : 0
Language : English

Back to top Go down

Solved Re: Removing Margins Surrounding the Forum Logo?

Post by SLGray on August 24th 2011, 7:16 am

Sorry that it do not work. Did you add your banner here:

Administration Panel>>Display>>Pictures and Colors>>Pics Management(Advanced Mode)

General/Index tab
Logo:

SLGray
Administrator
Administrator

Male Posts : 35629
Reputation : 2372
Language : English
Location : United States

http://fmthemes.forumotion.com/

Back to top Go down

Solved Re: Removing Margins Surrounding the Forum Logo?

Post by Sunsetswar on August 24th 2011, 7:24 am



This was the end result of a banner 800x400. For some reason, the top margin keeps on pushing the banner down... Hmmm. Do you think it could be the theme's fault?

And yes, I did add it there.

Sunsetswar
New Member

Posts : 11
Reputation : 0
Language : English

Back to top Go down

Solved Re: Removing Margins Surrounding the Forum Logo?

Post by SLGray on August 24th 2011, 7:25 am

It could be a issue with the skin/theme you are using.

I need to ask what forum version are you using?

SLGray
Administrator
Administrator

Male Posts : 35629
Reputation : 2372
Language : English
Location : United States

http://fmthemes.forumotion.com/

Back to top Go down

Solved Re: Removing Margins Surrounding the Forum Logo?

Post by Sunsetswar on August 24th 2011, 7:28 am

The forum version is PunBB.

And this was the skin I used.
http://en.hitskin.com/?afolder=theme&id=152385

Sunsetswar
New Member

Posts : 11
Reputation : 0
Language : English

Back to top Go down

Solved Re: Removing Margins Surrounding the Forum Logo?

Post by SLGray on August 24th 2011, 7:30 am

I am looking at your forum now. It looks like the banner is not really in the right place. I believe it should be in the white area only, not in the black area. I am assuming the black area is the blackground image.


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 35629
Reputation : 2372
Language : English
Location : United States

http://fmthemes.forumotion.com/

Back to top Go down

Solved Re: Removing Margins Surrounding the Forum Logo?

Post by Sunsetswar on August 24th 2011, 7:33 am

I have also tried placing the logo within the "Header Background Image" section, but nothing appears when I upload the image.

Also, please look carefully at all the screenshots I've included. As the banner size increases, the white area also increases. This happens vice versa, also.

Sunsetswar
New Member

Posts : 11
Reputation : 0
Language : English

Back to top Go down

Solved Re: Removing Margins Surrounding the Forum Logo?

Post by SLGray on August 24th 2011, 7:39 am

It looks like it is to tall for the location where the forum main logo goes.


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 35629
Reputation : 2372
Language : English
Location : United States

http://fmthemes.forumotion.com/

Back to top Go down

Solved Re: Removing Margins Surrounding the Forum Logo?

Post by Sunsetswar on August 24th 2011, 8:04 am

Here is the forum without any kind of banner attached.



There seems to be no white space above the menu bar without a banner.

Here is the forum with a banner size of 480x150.

Sunsetswar
New Member

Posts : 11
Reputation : 0
Language : English

Back to top Go down

Solved Re: Removing Margins Surrounding the Forum Logo?

Post by SLGray on August 24th 2011, 8:14 am

Try this:

remove the site's description.


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 35629
Reputation : 2372
Language : English
Location : United States

http://fmthemes.forumotion.com/

Back to top Go down

Solved Re: Removing Margins Surrounding the Forum Logo?

Post by Sunsetswar on August 24th 2011, 8:18 am

Hmmm...no improvement. ):

Sunsetswar
New Member

Posts : 11
Reputation : 0
Language : English

Back to top Go down

Solved Re: Removing Margins Surrounding the Forum Logo?

Post by SLGray on August 24th 2011, 8:19 am

Look at the private message pages, the navigation bar covers parts of the banner.


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 35629
Reputation : 2372
Language : English
Location : United States

http://fmthemes.forumotion.com/

Back to top Go down

Solved Re: Removing Margins Surrounding the Forum Logo?

Post by Sunsetswar on August 24th 2011, 8:26 am

Is there a possible way to shrink the navigation bar?

Sunsetswar
New Member

Posts : 11
Reputation : 0
Language : English

Back to top Go down

Solved Re: Removing Margins Surrounding the Forum Logo?

Post by Nera. on August 24th 2011, 8:32 am

Hi,

Dunno really where are you going with the design. Those blue parts are a photo http://i10.servimg.com/u/f10/14/50/74/75/9txcdu26.png placed in your CSS under #pun-intro whose height is defined also in CSS to 270px. You'd have to do some adjusments there to make it work on punBB.

Nera.
Energetic

Female Posts : 7077
Reputation : 2013
Language : English
Location : -

http://webartzforum.com

Back to top Go down

Solved Re: Removing Margins Surrounding the Forum Logo?

Post by Sunsetswar on August 24th 2011, 8:33 am

Do you think it is possible to replace the photo with another photo?

Sunsetswar
New Member

Posts : 11
Reputation : 0
Language : English

Back to top Go down

Solved Re: Removing Margins Surrounding the Forum Logo?

Post by Nera. on August 24th 2011, 8:37 am

Look ate the bottom edges on the photo I showed you. Unless you know how to make a new photo with them you'll lose the rounded corners on the top of your forum. PunBB is fun to play with but you need some basics.

Give it a try, go to your AP > Display > Colors > CSS and find #pun-intro and replace the photo. Save it so you can return it back if you dont like it. You can add the photo through your AP but you'd have to adjust the height you were now discusing in your CSS.

Nera.
Energetic

Female Posts : 7077
Reputation : 2013
Language : English
Location : -

http://webartzforum.com

Back to top Go down

Solved Re: Removing Margins Surrounding the Forum Logo?

Post by Sunsetswar on August 24th 2011, 8:45 am

Adjust the height of the new image or the white section above the navigation bar?

Sunsetswar
New Member

Posts : 11
Reputation : 0
Language : English

Back to top Go down

Solved Re: Removing Margins Surrounding the Forum Logo?

Post by Nera. on August 24th 2011, 8:48 am

By changing the height there you'll change that space there, it will affect on the position of our logo. Try and will see.
Have to go now.

Nera.
Energetic

Female Posts : 7077
Reputation : 2013
Language : English
Location : -

http://webartzforum.com

Back to top Go down

Solved Re: Removing Margins Surrounding the Forum Logo?

Post by Sunsetswar on August 24th 2011, 8:55 am

I was able to decrease the height and place the banner where I wanted it to go. Thank you for your help!~

Sunsetswar
New Member

Posts : 11
Reputation : 0
Language : English

Back to top Go down

Solved Re: Removing Margins Surrounding the Forum Logo?

Post by Sanket on August 24th 2011, 9:23 am

Since this thread appears to be solved, I will lock this thread and mark it as solved.


Sanket Smile


Sanket
ForumGuru

Male Posts : 48766
Reputation : 2819
Language : English
Location : Mumbai

http://webartzforum.com

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum