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)
-   -   [SOLVED] How Do You Add Extra Space Between Category or Page Menu Items? (http://forum.bytesforall.com/showthread.php?t=5963)

rhythm Feb 20, 2010 02:28 PM

[SOLVED] How Do You Add Extra Space Between Category or Page Menu Items?
 
Let's say you have a Category Bar under your header image, and it's got "Home" and then 5-10 Category names going across the bar. But the Category names are all close to each other instead of being nicely.....spread......out......across......the... ...bar for easier readindg and to fill up the whole bar's width, not just crunched to the left side.

How do we add padding? in between menu items. Adding pixel thickness to the surrounding Border spreads 'em a little more, but then you get thick borders and a too-tall Bar (since this also adds thickness above and below the items,) so that can't be it.

Is there a place in the CSS or various phps where the space between items is dictated?

juggledad Feb 21, 2010 10:00 AM

use some padding between the items - remember
if you use padding-left, you will get it before the first item, but not after the last,
if you use padding-right, you will get it after the last item, but not before the first

I suggest using both padding-right and padding-left wach having half the amount you want the padding to be.

GustavK Mar 13, 2010 08:47 AM

This was exactly was I was looking for right now. But I´m wondering where you put the padding-left/right?

juggledad Mar 14, 2010 05:15 AM

you need to add it in the CSS Inserts. Here is an example that will do lots of padding
HTML Code:

/* ================================================== */
/* CSS for setting menu padding                      */
/* ================================================== */
ul.rMenu li {
        padding-top: 0px;
        margin: 7px 20px 7px 40px;
}
ul.rMenu-ver li {
        padding-top: 0px;
        margin-top: 7px 5px 0px 0px;
}
/* ++++++++++++++++++++++++++++++++++++++++++++++++++ */


GustavK Mar 15, 2010 02:08 PM

Great, thanks!


All times are GMT -6. The time now is 11:04 PM.

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