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 »

Menu Item Spacing


  #1  
Old Mar 10, 2010, 03: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, 03:48 AM
juggledad's Avatar
juggledad
 
23,765 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, 07: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, 08:08 AM
juggledad's Avatar
juggledad
 
23,765 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 08:13 AM
Page menu bar: first menu item as a image unelma Page & Category Menu Bars 2 Dec 4, 2009 11:52 PM
[SOLVED] List item vertical spacing in sidebars mlanger Sidebars & Widgets 1 Sep 16, 2009 07:15 AM
Menu Item background georgenoise Page & Category Menu Bars 2 Jul 31, 2009 11:12 AM
Transparent Menu Item Instead of A Background Color oz1 Page & Category Menu Bars 1 Jun 29, 2009 05:19 AM


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


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