Wordpress Themes - WP Forum at BFA

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)
-   Header configuration & styling (http://forum.bytesforall.com/forumdisplay.php?f=15)
-   -   Menu Centering and menu border question (http://forum.bytesforall.com/showthread.php?t=14697)

allynmey Jun 18, 2011 12:05 AM

Menu Centering and menu border question
 
Hi all, I am trying to figure out how to simply center my menu. the website is www.blackfridayo.com
I simply want to center the menu not spread it out.
The other issue is I want the border 1px line to be removed under the menu items so the menu items will look like a file folder tab when live. Any help? I searched for an answer but only could find 2-3 year old answers for centering and spreading out the menu items.
Thanks,
Allynmey

lmilesw Jun 18, 2011 08:03 AM

There are several ways to do that. One is to use %page-center instead fo %pages for the menu. You will probably have to fiddle with CSS to "clean it up". Another which should work as long as you don't add menu items is by adding the following, in your case, to ATO>Add HTML/CSS Inserts>CSS Inserts. I only could do a virtual test however.
HTML Code:

#header {
    background: #c67b0b;
}
#menu1 {
    width: 762px;
    margin: 0 auto;
}


allynmey Jun 19, 2011 03:23 PM

Thanks Larry, that worked just fine. The last thing on menus... If the 1px item underneath the menu was gone, the active menu items would look like folder tabs. To me, that would be awesome! any ideas?

Allyn

lmilesw Jun 19, 2011 08:09 PM

Try adding the following to the CSS Inserts
HTML Code:

#rmenu2 a {
    border-bottom: none !important;
}


allynmey Jun 19, 2011 11:09 PM

Larry that works great! There is one problem with it though. there is a 1px extention of the header color before and after the menu. I fixed that by enabling %bar2 in the header properties and changing it to the same color as the body below. It makes it a perfectly smooth line across.

Thanks for all your help. This one should be bookmarked for future use!

juggledad Jun 20, 2011 06:05 AM

try
HTML Code:

div#menu1 #rmenu2 li a { border-bottom: solid 1px white; }


All times are GMT -6. The time now is 07:12 AM.

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