Increase The Space Between The Navigational Buttons

Try this

.navbar .btn, .navbar .btn-group {
margin: 5px;
}

#menu-item-181 a {
color: #fff;
}

Thank you so much for the prompt response.
The spacing worked like a charm.
Perhaps i should have asked for the button to be “WHITE” with Grey text
Any ideas?
Thank you again for you assistance.
Deird

Is there any way to “bring down” the “other nav” text to be somewhat centered with the buttons?

Thank you,
Deird

Sorry lazy reading on my part

.menu-item-11, .menu-item-184 {
margin-top: 8px;
}

#menu-item-181 {
background-color: whitesmoke;
background-image: -moz-linear-gradient(top, white, #e6e6e6);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(#e6e6e6));
background-image: -webkit-linear-gradient(top, white, #e6e6e6);
background-image: -o-linear-gradient(top, white, #e6e6e6);
background-image: linear-gradient(to bottom, white, #e6e6e6);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff' , endColorstr='#ffe6e6e6' , GradientType=0);
border-color: #e6e6e6 #e6e6e6 silver;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
border: 1px solid #cccccc;
border-bottom-color: #b3b3b3;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
}

WOW.. Brilliant. Simply Brilliant…Thank you so much.
How did you know that the button was 181?

Amazing,
Derid

One more, pretty please.
How do I remove the gray nav wrapper box and the rrs thing/
Deirg

using the browser
– chrome dev tools
– firefox using firebug plugin

I think this is what you asked

.navbar .navbar-inner {
box-shadow: none;
}

.social-block.span5 {
display: none;
}

Oh Boy… it is amazing that you can do all this. How many years did you study to learn all this?
Deird

Wow, Thank you so much.
I am sorry to keep asking you, but I would like to let’s say create a page and have like a table in it, lets say 4 cells within a table and within each cell i would like to have text along with a round photo that zooms and this photo would have a link to wherever I wanted to set it.
Something lke this page with only 2 cells
https://ccbra.ro/categorii/general/
Thanks you so much,
Deirg

Tip #1: Use Firebug, as suggested above for CSS changes.

Tip #2: Take a look at this post which explains how to set up grids.

Tip #3: The page you’re pointing to is a blog list. Maybe you could just use blog posts for what you want to do?