Wordpress Themes - WP Forum at BFA
There will be no more development for Atahualpa (or any other theme), and no support. Also no new registrations. I turned off the donation system. I may turn the forum to read only if it gets abused for spam. Unfortunately I have no time for the forum or the themes. Thanks a lot to the people who helped in all these years, especially Larry and of course: Paul. Take care and stay healthy -- Flynn, Atahualpa developer, Sep 2021

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, 02: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, 10:00 AM
juggledad's Avatar
juggledad
 
23,765 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, 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
 
23,765 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, 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 31 Aug 16, 2014 11:10 AM
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 10:44 AM.


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