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.

how to make the distance/gap between the logo and menu smaller?

View previous topic View next topic Go down

Solved how to make the distance/gap between the logo and menu smaller?

Post by Diana on May 15th 2015, 11:34 pm

how to make the distance/gap between the logo and menu smaller?
I have phpbb2

Diana
Active Poster

Female Posts : 1286
Reputation : 21
Language : English

Back to top Go down

Solved Re: how to make the distance/gap between the logo and menu smaller?

Post by meelad_sd on May 15th 2015, 11:37 pm

URL?

meelad_sd
Forumember

Posts : 50
Reputation : 13
Language : English, Swedish, Assyrian, Arabic

http://www.exhclan.com/

Back to top Go down

Solved Re: how to make the distance/gap between the logo and menu smaller?

Post by Diana on May 15th 2015, 11:50 pm

Why? I have phpbb2. I need it for a forum that isn't ready yet so I don't wanna post the link here.

Diana
Active Poster

Female Posts : 1286
Reputation : 21
Language : English

Back to top Go down

Solved Re: how to make the distance/gap between the logo and menu smaller?

Post by Ace 1 on May 15th 2015, 11:56 pm

You mean like the navbar at the top of the page? You wanna increase or decreases the space in between them?

Ace 1
Forumember

Male Posts : 691
Reputation : 38
Language : my css ready java yo scripts boi
Location : Druid Hill Park smoking indo

http://genocideclan.forumotion.com

Back to top Go down

Solved Re: how to make the distance/gap between the logo and menu smaller?

Post by Diana on May 15th 2015, 11:59 pm


Diana
Active Poster

Female Posts : 1286
Reputation : 21
Language : English

Back to top Go down

Solved Re: how to make the distance/gap between the logo and menu smaller?

Post by Ace 1 on May 16th 2015, 12:16 am

@rhe just add this code to your stylesheet

Code:
.navbar {
   padding: 10px 10px;
   }

Change the first "10px" to change te distance between the menu and header

Ace 1
Forumember

Male Posts : 691
Reputation : 38
Language : my css ready java yo scripts boi
Location : Druid Hill Park smoking indo

http://genocideclan.forumotion.com

Back to top Go down

Solved Re: how to make the distance/gap between the logo and menu smaller?

Post by Diana on May 16th 2015, 12:29 am

@Ace 1 wrote:@rhe just add this code to your stylesheet

Code:
.navbar {
   padding: 10px 10px;
   }

Change the first "10px" to change te distance between the menu and header
didn't work

Diana
Active Poster

Female Posts : 1286
Reputation : 21
Language : English

Back to top Go down

Solved Re: how to make the distance/gap between the logo and menu smaller?

Post by Van-Helsing on May 16th 2015, 12:46 am

Hello @Rhe,
Can you post your forum url to check it?

Van-Helsing
Hyperactive

Male Posts : 2197
Reputation : 82
Language : English, Greek

http://helpgr.forumgreek.com/

Back to top Go down

Solved Re: how to make the distance/gap between the logo and menu smaller?

Post by Ace 1 on May 16th 2015, 1:09 am

whew @rhe after a long grueling search, I found this coding xd

Code:
.maintitle, .maintitle h1{
    line-height : 100%;
   }

Just increase the 100% to anythign more to increase the space Very Happy

Ace 1
Forumember

Male Posts : 691
Reputation : 38
Language : my css ready java yo scripts boi
Location : Druid Hill Park smoking indo

http://genocideclan.forumotion.com

Back to top Go down

Solved Re: how to make the distance/gap between the logo and menu smaller?

Post by Ange Tuteur on May 16th 2015, 2:55 am

Hi @rhe,

It appears the whitespace is created by your navbar images. If you edit or look at them, there should be white around the images.

If that's how you wanted it, you can reduce the space by increasing the -2px in this rule :
Code:
#i_logo { margin-bottom:-2px }

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2683
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: how to make the distance/gap between the logo and menu smaller?

Post by Diana on May 16th 2015, 3:45 pm

@Ange Tuteur wrote:Hi @rhe,

It appears the whitespace is created by your navbar images. If you edit or look at them, there should be white around the images.

If that's how you wanted it, you can reduce the space by increasing the -2px in this rule :
Code:
#i_logo { margin-bottom:-2px }
it doesn't seem to work Confused

Diana
Active Poster

Female Posts : 1286
Reputation : 21
Language : English

Back to top Go down

Solved Re: how to make the distance/gap between the logo and menu smaller?

Post by Ace 1 on May 16th 2015, 4:42 pm

@rhe did you try the code I offered?

Code:
.maintitle, .maintitle h1{
    line-height : 100%;
   }

Ace 1
Forumember

Male Posts : 691
Reputation : 38
Language : my css ready java yo scripts boi
Location : Druid Hill Park smoking indo

http://genocideclan.forumotion.com

Back to top Go down

Solved Re: how to make the distance/gap between the logo and menu smaller?

Post by meelad_sd on May 16th 2015, 6:12 pm

rhe wrote:Why? I have phpbb2. I need it for a forum that isn't ready yet so I don't wanna post the link here.

How am I supposed to help then? I need to see where the problem is. It might be because of the transparency of some areas of the logo or the pictures used in the navbar.

meelad_sd
Forumember

Posts : 50
Reputation : 13
Language : English, Swedish, Assyrian, Arabic

http://www.exhclan.com/

Back to top Go down

Solved Re: how to make the distance/gap between the logo and menu smaller?

Post by Ace 1 on May 16th 2015, 6:50 pm

@meelad_sd

rhe wrote:

Ace 1
Forumember

Male Posts : 691
Reputation : 38
Language : my css ready java yo scripts boi
Location : Druid Hill Park smoking indo

http://genocideclan.forumotion.com

Back to top Go down

Solved Re: how to make the distance/gap between the logo and menu smaller?

Post by Diana on May 16th 2015, 6:56 pm

@Ace 1 wrote:@rhe did you try the code I offered?

Code:
.maintitle, .maintitle h1{
    line-height : 100%;
   }

@meelad_sd wrote:
rhe wrote:Why? I have phpbb2. I need it for a forum that isn't ready yet so I don't wanna post the link here.
didn't work

How am I supposed to help then? I need to see where the problem is. It might be because of the transparency of some areas of the logo or the pictures used in the navbar.
it's not

Diana
Active Poster

Female Posts : 1286
Reputation : 21
Language : English

Back to top Go down

Solved Re: how to make the distance/gap between the logo and menu smaller?

Post by APE on May 16th 2015, 7:02 pm

Without a link to your forum this is not going to work as i think there is a code in your filles that is stopping the codes we give you from working after the fix is done i will remove it from the thread.

APE





APE
Manager
Manager

Male Posts : 8311
Reputation : 716
Language : fluent in dork / mumbojumbo & English haha
Location : STUCK IN FORUMOTIONS SERVERS HELP ME !!!!!!

http://chatworld.forumotion.co.uk/

Back to top Go down

Solved Re: how to make the distance/gap between the logo and menu smaller?

Post by SLGray on May 16th 2015, 7:55 pm

You can use the hide code tags to post your link.


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


SLGray
Administrator
Administrator

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

http://fmthemes.forumotion.com/

Back to top Go down

Solved Re: how to make the distance/gap between the logo and menu smaller?

Post by Diana on May 19th 2015, 4:49 pm


Diana
Active Poster

Female Posts : 1286
Reputation : 21
Language : English

Back to top Go down

Solved Re: how to make the distance/gap between the logo and menu smaller?

Post by Diana on May 20th 2015, 4:09 pm

anyone?

Diana
Active Poster

Female Posts : 1286
Reputation : 21
Language : English

Back to top Go down

Solved Re: how to make the distance/gap between the logo and menu smaller?

Post by Ace 1 on May 20th 2015, 4:12 pm

Idk ask @Ange Tuteur

Ace 1
Forumember

Male Posts : 691
Reputation : 38
Language : my css ready java yo scripts boi
Location : Druid Hill Park smoking indo

http://genocideclan.forumotion.com

Back to top Go down

Solved Re: how to make the distance/gap between the logo and menu smaller?

Post by Ange Tuteur on May 20th 2015, 8:13 pm

Add this to your CSS :
Code:
.bodyline > table:first-child br, .bodyline > table:first-child .gen { display:none }

It'll hide the empty description and needless breaks. If you want to show the description, simply remove the rule above.

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2683
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: how to make the distance/gap between the logo and menu smaller?

Post by Diana on May 20th 2015, 9:48 pm

@Ange Tuteur wrote:Add this to your CSS :
Code:
.bodyline > table:first-child br, .bodyline > table:first-child .gen { display:none }

It'll hide the empty description and needless breaks. If you want to show the description, simply remove the rule above.
thanks, it worked Smile

Diana
Active Poster

Female Posts : 1286
Reputation : 21
Language : English

Back to top Go down

Solved Re: how to make the distance/gap between the logo and menu smaller?

Post by SLGray on May 20th 2015, 10:04 pm

Topic solved and archived


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


SLGray
Administrator
Administrator

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

http://fmthemes.forumotion.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