I cannot space the Categories at the top

[chacolatte]

At the top of my board right under the banner, all the caregories are spaced right next to each other.
(So: Home, Search, Members, Profile ect.) are pushed against each other so they look like this, "Homesearchmembersprofile..."

I need to be able to space these, can someone please help me do that. I have no doubt the answer is already on this forum, but, I've searched and I haven't been able to find them. I could use assistance, remember I am new at coding as well!

Thank you in advance!

[Tumbleweed]

chacolatte, Can we have a link to your site please. Thanks. 

[Stinky666]

Aug 23, 2013 13:37:08 GMT -8 chacolatte said:

At the top of my board right under the banner, all the caregories are spaced right next to each other.
(So: Home, Search, Members, Profile ect.) are pushed against each other so they look like this, "Homesearchmembersprofile..."

I need to be able to space these, can someone please help me do that. I have no doubt the answer is already on this forum, but, I've searched and I haven't been able to find them. I could use assistance, remember I am new at coding as well!

Thank you in advance!

If your forum is ProBoards Version 5, do the following:

Admin > Themes > Advanced Styles & CSS
Select the tab for "Style Sheet" and go to approximately line 273 where you will see:

#navigation-menu > ul li a { display: inline-block; padding: 0 .75em; color: @nav_bar_button_color; font: @nav_bar_button_font; text-decoration: @nav_bar_button_decoration; text-shadow: @nav_bar_button_shadow; background: @nav_bar_button_background; line-height: 31px !important; }

The bit I have highlighted above in blue, if you change the numbers in it to be higher, and also so that it's above a 1.00, it will increase the gap between the words.

For example, if you changed .75 to .15, it will mean your menu buttons are virtually on top of each other.
If you turn .75 into 1.75, the gaps will be much bigger. So you'll need to have a tiny play with it changing the numbers, to see what you prefer

[cornholio]

Hi! Is there also a way to center everything to the very middle of the bar? thanks!

[cornholio]

Hmmm...went to line 268 and saw this:

#navigation-menu > ul, #navigation-menu > ul li { float: left; }

Changed it to center and everything went vertical instead of horizontal like it should be...

[cornholio]

Ok got it! Used this-it'll also change the button spacing

www.proboards.com/library/plugins/item/462