Wordpress Themes - WP Forum at BFA
Click Here To DONATE! Support the theme development, get more attention and additional benefits based on your donation level. Your forum name will be highlighted.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Page & Category Menu Bars »

how to shift the text in menu bar without shifting the entire side bar?


Build custom WP THEMES, without
coding.
Click here for THEMEFRAME

From the author of Atahualpa, the #1 most
downloaded (700,000+) theme @ wordpress.org
  #1  
Old Apr 29, 2009, 08:57 PM
collymore
 
10 posts · Apr 2009
hi,

great, awesome theme by the way.

Have a couple of issues, I have made the following CSS inserts to increase the space between the menu items, but I can’t seem to shift the menu buttons to fall just above my centre column without shifting the entire menu bar (resulting in white space on the left)

My URL is: www.motherinc.org

My CSS Inserts are

ul.rMenu li {
text-align: center;
}

ul.rMenu-hor li {
margin-left: 20px;
} (space between buttons)
ul.rMenu-hor li ul li {
margin-left: 0px; /* reset left margin for sub menu items */
}

ul.rMenu li a:link,
ul.rMenu li a:hover,
ul.rMenu li a:visited,
ul.rMenu li a:active {
padding: 7px 10px 7px 10px;
} (that means the space around the bar- top, right, bottom, left)

Also, somehow my sub menu “Truett & Kirsten” doesn’t fall directly under my main menu button for “photos and videos”, there seems to be some misalignment. How can I adjust this.

I’m a supernewbie to all this so really appreciate the help here.
  #2  
Old May 6, 2009, 04:03 AM
collymore
 
10 posts · Apr 2009
hi flynn!
really need ur help but i have to launched the site soon so i made my own tweaks.

but what happens is if i do include submenus they are super misaligned, entirely displaced. what can i do?

if you go the the URL now the submenus have been removed but that's kinda a short term solution cos i do want them eventually..
  #3  
Old May 7, 2009, 12:36 AM
Flynn's Avatar
Flynn
 
3,765 posts · Oct 2008
Munich, Germany
I don't see any submenu at all
  #4  
Old May 7, 2009, 03:53 AM
collymore
 
10 posts · Apr 2009
ok i have added it back.

under photogallery, supposed to be truett and kirsten - but the submenu appears way further down the right under contact me.

thank you SO much, really.

launching the site on may 11th so appreciate the help!
  #5  
Old May 7, 2009, 10:24 AM
Flynn's Avatar
Flynn
 
3,765 posts · Oct 2008
Munich, Germany
Add a CSS Insert

ul.rMenu-hor li ul li {
margin-left: 0;
}

to reset the left margin you gave top level items
  #6  
Old May 7, 2009, 05:56 PM
collymore
 
10 posts · Apr 2009
uh, sorry done but it didn't seem to work?
  #7  
Old May 7, 2009, 06:03 PM
collymore
 
10 posts · Apr 2009
also i only managed to somewhat centre the text by increasing the individual menu item's padding...is there a better way? what i would like is for the menu buttons to be above the centre column (i.e. above the main post)..
  #8  
Old May 7, 2009, 06:24 PM
Flynn's Avatar
Flynn
 
3,765 posts · Oct 2008
Munich, Germany
Remove the red part in your CSS insert

ul.rMenu-hor li {
margin-left: 80.5px;
} (space between buttons)

or change it to

ul.rMenu-hor li {
margin-left: 80.5px;
} /* space between buttons */

The browser stops there and does not read the following CSS styles.

You can also remove the CSS I gave you above, as you already had that (right after the red area)
  #9  
Old May 8, 2009, 07:39 AM
collymore
 
10 posts · Apr 2009
hi flynn...tried but...unfortunately..still does'n't work!
  #10  
Old May 8, 2009, 12:06 PM
Flynn's Avatar
Flynn
 
3,765 posts · Oct 2008
Munich, Germany
Doesn't look changed to me

Replace this:

ul.rMenu-hor li {
margin-left: 80.5px;
} (space between buttons)
ul.rMenu-hor li ul li {
margin-left: 0px; /* reset left margin for sub menu items */
}

ul.rMenu li a:link,
ul.rMenu li a:hover,
ul.rMenu li a:visited,
ul.rMenu li a:active {
padding: 7px 10px 7px 10px;

with this:

ul.rMenu-hor li {
margin-left: 80.5px;
} /* space between buttons */
ul.rMenu-hor li ul li {
margin-left: 0px; /* reset left margin for sub menu items */
}

ul.rMenu li a:link,
ul.rMenu li a:hover,
ul.rMenu li a:visited,
ul.rMenu li a:active {
padding: 7px 10px 7px 10px;
}


in your CSS Inserts. (The last closing bracket was also missing)
  #11  
Old May 9, 2009, 06:29 PM
collymore
 
10 posts · Apr 2009
Thank you. That's awesome!!!

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
[SOLVED] Atahualpa Page Menu Bar -> BFA Page Menu Bar? bhannemann Page & Category Menu Bars 16 Feb 21, 2011 04:49 AM
Text Widget will not be placed on side bar ladyhotchkiss Sidebars & Widgets 8 Jul 25, 2009 07:49 PM
[SOLVED] How to put color on the right and left side of the menu bar? (the whole colo nasu Page & Category Menu Bars 9 Jun 5, 2009 05:00 PM
Side bar widget - font-weight and background image? bamboojungles Sidebars & Widgets 1 Jun 2, 2009 08:32 AM
I removed the left side bar from my home page, and now want put it back, but can't... nasu Sidebars & Widgets 2 May 24, 2009 03:08 PM


All times are GMT -6. The time now is 10:01 AM.


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