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 »

Menu Item Spacing


  #1  
Old Mar 10, 2010, 04:21 PM
georgenoise
 
20 posts · Jul 2009
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?
  #2  
Old Mar 11, 2010, 04:48 AM
juggledad's Avatar
juggledad
 
23,597 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
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.
__________________
"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 11, 2010, 08:45 AM
georgenoise
 
20 posts · Jul 2009
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.
  #4  
Old Mar 11, 2010, 09:08 AM
juggledad's Avatar
juggledad
 
23,597 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
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;
}
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
Post lists as menu item? paulae Page & Category Menu Bars 0 Jan 13, 2010 09:13 AM
Page menu bar: first menu item as a image unelma Page & Category Menu Bars 2 Dec 5, 2009 12:52 AM
[SOLVED] List item vertical spacing in sidebars mlanger Sidebars & Widgets 1 Sep 16, 2009 08:15 AM
Menu Item background georgenoise Page & Category Menu Bars 2 Jul 31, 2009 12:12 PM
Transparent Menu Item Instead of A Background Color oz1 Page & Category Menu Bars 1 Jun 29, 2009 06:19 AM


All times are GMT -6. The time now is 03:54 AM.


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