Wordpress Themes - WP Forum at BFA
Click here to register or to donate.
Auto self-registration is not available here - far too many spammers. This forum has many, many backlinks and because of that there is an intense desire among spammers to drop their links here.

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?


  #1  
Old Feb 20, 2010, 03:28 PM
rhythm
 
32 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, 11:00 AM
juggledad's Avatar
juggledad
 
23,759 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
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.
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #3  
Old Mar 13, 2010, 09:47 AM
GustavK
 
11 posts · Feb 2010
Uppsala, Sweden
This was exactly was I was looking for right now. But Im wondering where you put the padding-left/right?
  #4  
Old Mar 14, 2010, 06:15 AM
juggledad's Avatar
juggledad
 
23,759 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
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;
}
/* ++++++++++++++++++++++++++++++++++++++++++++++++++ */
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #5  
Old Mar 15, 2010, 03: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 31 Aug 16, 2014 12:10 PM
Page Menu Bar - space between items Tamas Page & Category Menu Bars 12 Apr 13, 2010 07:52 AM
Space between page menu items nymana Page & Category Menu Bars 7 Jul 28, 2009 08:42 AM
[SOLVED] How to add space between list items in post body? Alexi Atahualpa 3 Wordpress theme 2 Jun 25, 2009 07:02 PM
[SOLVED] Page Menu Bar - Strange Space Occurring Between Menu Items NealSchaffer Page & Category Menu Bars 2 Jun 20, 2009 11:18 AM


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


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