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 my Navbar being closer

Go down

Solved How to make my Navbar being closer

Post by Mr. Ganesha on April 22nd 2015, 5:12 pm

Please, How to make among the link on my Navbar become closer each other



I put this code in my CSS, i don't know which part I have to change

Code:
    /*Navbar Style*/ #page-header .navbar, #page-header .headerbar .corners-bottom, #page-header .headerbar .corners-bottom span, #page-header .headerbar .corners-top, #page-header .headerbar .corners-top span { background:none }
    #page-header .headerbar {
      border:1px solid #A4D18A;
      border-radius:6px 6px 0 0;
    }

    #page-header .navbar ul.linklist {
      border:1px solid #A4D18A;
      border-top:2px solid #B0E094;
      border-radius:0 0 6px 6px;
      background:#A8D68D;
  margin:-9px -10px 0 -10px;
    }

    #page-header a.mainmenu { padding:6px }
    #page-header a.mainmenu:hover {
      background:#B0E094;
      box-shadow:2px 0 3px #94BD7D inset, -2px 0 3px #94BD7D inset;
    }


Last edited by Mr. Ganesha on April 22nd 2015, 5:21 pm; edited 1 time in total
avatar
Mr. Ganesha
Forumember

Male Posts : 96
Reputation : 2
Language : Bahasa
Location : Medan, Indonesia

http://laskarislam.com/

Back to top Go down

Solved Re: How to make my Navbar being closer

Post by Ange Tuteur on April 22nd 2015, 5:16 pm

Hi @Mr. Ganesha,

Add this to your CSS :
Code:
#page-header a.mainmenu { margin:0 -4px }

It'll add a negative margin to the left and right of the links, making them appear closer.
avatar
Ange Tuteur
Forumaster

Male Posts : 13194
Reputation : 2907
Language : EN10, FR5, JA5
Location : Macungie, PA

https://github.com/SethClydesdale

Back to top Go down

Solved Re: How to make my Navbar being closer

Post by Mr. Ganesha on April 22nd 2015, 5:21 pm

Very help, thank you @Ange Tuteur cheers
avatar
Mr. Ganesha
Forumember

Male Posts : 96
Reputation : 2
Language : Bahasa
Location : Medan, Indonesia

http://laskarislam.com/

Back to top Go down

Solved Re: How to make my Navbar being closer

Post by Ange Tuteur on April 22nd 2015, 5:23 pm

You're welcome. Mr. Green

Topic archived

Have a nice day. Smile
avatar
Ange Tuteur
Forumaster

Male Posts : 13194
Reputation : 2907
Language : EN10, FR5, JA5
Location : Macungie, PA

https://github.com/SethClydesdale

Back to top Go down

Back to top


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