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 »

Spacing menu items evenly across menu


  #1  
Old Oct 4, 2012, 11:32 PM
jfksdca
 
1 posts · Oct 2012
Hi. I have been through all the forums under menu bars and nothing seems to have helped. Like so many others I would like my menus spaced evenly across. I used the cheat sheet provide by juggledad.

I have successfully changed the background to a gradient image. Everything works like I would like it to except for the spacing. Any help would be greatly appreciated.

The site is johnmcconnellphd.com

The css I added from the cheat sheet is:

/* =========================== */
/* Page menu background */
/* =========================== */
div#menu1 {
line-height: 30px;
background: #fff url("http://www.johnmcconnellphd.com/wp-content/themes/atahualpa/images/nav.png") repeat-x center top;
margin: 0 auto;
width: 100%;
float: left;
list-style: none;
position: relative;
}
/* ============================== */
/* Page Menu item's background and border */
/* ============================== */
div#menu1 ul.rMenu {
//background: red;
border: none 0px;
background-image: url(http://www.johnmcconnellphd.com/wp-c...ages/nav.png);
//height: 30px;
text-align: left;
margin: 0 auto;
display: block;
}

/* ========================= */
/* Page Menu item */
/* ========================= */
ul.rMenu li a:link,
ul.rMenu li a:visited,
ul.rMenu li a:hover,
ul.rMenu li a:active,
ul.rMenu li {
color: #FFFFFF !important;
background-image: url(http://www.johnmcconnellphd.com/wp-c...ages/nav.png);
}
  #2  
Old Oct 5, 2012, 12:08 PM
lmilesw's Avatar
lmilesw
 
10,176 posts · Jul 2009
Central New York State USA
I just used Firebug to come up with this code that will make the top level full width at least in Firefox. You will have to add more CSS to adjust the sub-menus because of the cascading part of CSS.
HTML Code:
#rmenu2 li {
    width: 12.6%;
    text-align: center;
}
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.

Bookmarks

Tags
menu, spacing



Similar Threads
Thread Thread Starter Forum Replies Last Post
Extra spacing on page menu child items samij0 Page & Category Menu Bars 1 Feb 1, 2012 06:12 PM
[SOLVED] menu two menu items links to same page / external link inside dropdown menu thekjub9 Page & Category Menu Bars 1 May 24, 2011 07:59 PM
evenly spaced page menu bars phryedrice Page & Category Menu Bars 7 Aug 8, 2009 06:01 AM


All times are GMT -6. The time now is 11:09 AM.


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