SMF Support > SMF 1.1.x Support

Reduce spacing between menu buttons?

(1/2) > >>

Pudders:
I managed through searching this forum to add a couple of new buttons/links to my forum menu bar, however when logged in means the last button/link on the right (logout button) goes onto a second line underneath the rest.  Is there a way to reduce the spacing a little between each button so that it all fits neatly onto one line?

I'm using 1.3.9 and a non-default theme if that makes any difference.

Thanks

mashby:
A link to your site would be invaluable. You could also use Firebug to inspect that part of your site and see what elements you could adjust in the CSS to make it narrower.

Shambles:
^--- absolutely.

I squeezed (?) my menu buttons a while back by editing the stylesheet (index.css) of my theme to change the padding of style "#navi li" to "0px"

Pudders:
http://www.hairdyeforum.com/index.php

I found a different thread which mentioned changing the style.css to a lower px so I change it

FROM:
.maintab_back, .maintab_active_back
{
   color: white;
   text-decoration: none;
   font-size:  9px;
   vertical-align: top;
   padding: 6px 6px 6px 6px;
   font-family: tahoma, sans-serif;

TO:
.maintab_back, .maintab_active_back
{
   color: white;
   text-decoration: none;
   font-size:  9px;
   vertical-align: top;
   padding: 0px 0px 0px 0px;
   font-family: tahoma, sans-serif;

But it made no difference at all to the menu layout - am I missing something really obvious?

mashby:
Thanks! Yeah, that menu is a lot different from the one you are using. :)
Here's the file to edit:
Themes/ColorsTheme/style.css?fin11
Find this:

--- Code: ---#menunav ul li a span{
padding:12px 20px 0 0;
height:21px;
float:left;}

--- End code ---
I'd suggest changing it to this:

--- Code: ---#menunav ul li a span{
padding:10px 8px 0 0;
height:21px;
float:left;}

--- End code ---
If the 8px isn't narrow enough, make it smaller. :)

Navigation

[0] Message Index

[#] Next page