Wordpress Themes - WP Forum at BFA
Click Here To DONATE! Support the theme development, get more attention and additional benefits based on your donation level. Your forum name will be highlighted.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Page & Category Menu Bars »

[SOLVED] How Do You Add Extra Space Between Category or Page Menu Items?


Build custom WP THEMES, without
coding.
Click here for THEMEFRAME

From the author of Atahualpa, the #1 most
downloaded (700,000+) theme @ wordpress.org
  #1  
Old Feb 20, 2010, 02:28 PM
rhythm
 
28 posts · Jan 2010
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?
  #2  
Old Feb 21, 2010, 10:00 AM
juggledad's Avatar
juggledad
 
20,001 posts · Mar 2009
OSX 10.6.8/10.7.3 WP 2.8.x/2.9.x/3.x Atahualpa 3.5.x/3.7.x Safari 5.x Firefox 11 XP
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.
  #3  
Old Mar 13, 2010, 08:47 AM
GustavK
 
11 posts · Feb 2010
Uppsala, Sweden
This was exactly was I was looking for right now. But I´m wondering where you put the padding-left/right?
  #4  
Old Mar 14, 2010, 05:15 AM
juggledad's Avatar
juggledad
 
20,001 posts · Mar 2009
OSX 10.6.8/10.7.3 WP 2.8.x/2.9.x/3.x Atahualpa 3.5.x/3.7.x Safari 5.x Firefox 11 XP
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;
}
/* ++++++++++++++++++++++++++++++++++++++++++++++++++ */
  #5  
Old Mar 15, 2010, 02:08 PM
GustavK
 
11 posts · Feb 2010
Uppsala, Sweden
Great, thanks!

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
Page Menu drop down modification - remove arrows & extra space dorigen Page & Category Menu Bars 30 Mar 10, 2011 06:26 PM
Page Menu Bar - space between items Tamas Page & Category Menu Bars 12 Apr 13, 2010 06:52 AM
Space between page menu items nymana Page & Category Menu Bars 7 Jul 28, 2009 07:42 AM
[SOLVED] How to add space between list items in post body? Alexi Atahualpa 3 Wordpress theme 2 Jun 25, 2009 06:02 PM
[SOLVED] Page Menu Bar - Strange Space Occurring Between Menu Items NealSchaffer Page & Category Menu Bars 2 Jun 20, 2009 10:18 AM


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


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