Wordpress Themes - WP Forum at BFA

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)
-   Page & Category Menu Bars (http://forum.bytesforall.com/forumdisplay.php?f=10)
-   -   Menu Item Spacing (http://forum.bytesforall.com/showthread.php?t=6238)

georgenoise Mar 10, 2010 03:21 PM

Menu Item Spacing
Is it possible to put empty space between each menu item. For example, 5 separate menu choices would look like 5 separate boxes on the page menu bar instead of being snugged up against each other?

juggledad Mar 11, 2010 03:48 AM

you would have to 'roll your own'
The problem is that the code is designed to allow you at any time to add a new page and it will show up instantly. The best way to handle this is to add some left and right padding to the menu items themselves. You need to use both right and left so the ends look ok. You can do that thru a CSS Insert.

If you look thru the forums I'm pretty sure you will find this since I know I've answered it before.

georgenoise Mar 11, 2010 07:45 AM

Thanks for the reply, I had tried a few different things but never could get the effect i was looking for. What I am trying to accomplish is having menu items display like http://www.setfc.com where there are 1px solid lines on the left,right and top which give the appearance of a tab.

juggledad Mar 11, 2010 08:08 AM

try this
HTML Code:

/* ================================================ */
/* L1 - make menu items look like tabs              */
/* ================================================ */
ul.rMenu li a:link,
ul.rMenu li a:hover,
ul.rMenu li a:active,
ul.rMenu li a:visited,
ul.rMenu li {
        border-left: solid 1px #000;
        border-top: solid 1px #000;
        border-right: solid 1px #000;
        border-botton: none 0px;
        margin-right: 10px;
        color: #000000 !important;

All times are GMT -6. The time now is 10:54 PM.

Powered by vBulletin® Copyright ©2000 - 2022, Jelsoft Enterprises Ltd.