Wordpress Themes - WP Forum at BFA

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)
-   Page & Category Menu Bars (http://forum.bytesforall.com/forumdisplay.php?f=10)
-   -   how to shift the text in menu bar without shifting the entire side bar? (http://forum.bytesforall.com/showthread.php?t=1482)

collymore Apr 29, 2009 08:57 PM

how to shift the text in menu bar without shifting the entire side bar?
 
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.

collymore May 6, 2009 04:03 AM

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..

Flynn May 7, 2009 12:36 AM

I don't see any submenu at all

collymore May 7, 2009 03:53 AM

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!

Flynn May 7, 2009 10:24 AM

Add a CSS Insert

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

to reset the left margin you gave top level items

collymore May 7, 2009 05:56 PM

uh, sorry done but it didn't seem to work?

collymore May 7, 2009 06:03 PM

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)..

Flynn May 7, 2009 06:24 PM

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)

collymore May 8, 2009 07:39 AM

hi flynn...tried but...unfortunately..still does'n't work!

Flynn May 8, 2009 12:06 PM

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)

collymore May 9, 2009 06:29 PM

Thank you. That's awesome!!!


All times are GMT -6. The time now is 12:50 PM.

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