MyBB Community Forums

Full Version: How to put space between logo and navigation bar
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
My forum is www.picodiscussion.com

As you can see the logo is very close to the navigation bar (in pink.) I want to put at least some space in between so it looks better. How can I do this? been trying for 2 hours now with no luck, I hope someone can help me thank you!!
This is how you want it:
[Image: untitled-7.png]

okay then here is what you do:

Find this image:
<img src="http://www.picodiscussion.com/images/pixelbb/logo.png" alt="Pico Discussion - OFFICIAL Pico Forum!" title="Pico Discussion - OFFICIAL Pico Forum!">

Add an ID to the picture so change the above the code to this:
<img src="http://www.picodiscussion.com/images/pixelbb/logo.png" alt="Pico Discussion - OFFICIAL Pico Forum!" title="Pico Discussion - OFFICIAL Pico Forum!" id="logo-header">


Then go to:

ACP > Styles & Templates > Themes > Your Theme > Global.css:

In where in the global.css, add this:

#logo-header {
margin-bottom: 20px;
}

Save and your are done.

If that didn't work then here is even a simpler way Toungue

From your root folder, find this image:
http://www.picodiscussion.com/images/pixelbb/logo.png

so you will see that in the images folder followed by pixelbb:

Then download the picture and edit the picture. Add some black space underneath it and save it on the same name. Then upload it again Smile


Good Luck Smile