Wordpress Themes - WP Forum at BFA
Click here to register or to donate.
Auto self-registration is not available here - far too many spammers. This forum has many, many backlinks and because of that there is an intense desire among spammers to drop their links here.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Header configuration & styling »

Menu Centering and menu border question


  #1  
Old Jun 18, 2011, 12:05 AM
allynmey
 
15 posts · May 2011
Dighton, MA USA
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
  #2  
Old Jun 18, 2011, 08:03 AM
lmilesw's Avatar
lmilesw
 
10,174 posts · Jul 2009
Central New York State USA
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;
}
__________________
~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.
  #3  
Old Jun 19, 2011, 03:23 PM
allynmey
 
15 posts · May 2011
Dighton, MA USA
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

Last edited by allynmey; Jun 19, 2011 at 03:32 PM.
  #4  
Old Jun 19, 2011, 08:09 PM
lmilesw's Avatar
lmilesw
 
10,174 posts · Jul 2009
Central New York State USA
Try adding the following to the CSS Inserts
HTML Code:
#rmenu2 a {
    border-bottom: none !important;
}
__________________
~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.
  #5  
Old Jun 19, 2011, 11:09 PM
allynmey
 
15 posts · May 2011
Dighton, MA USA
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!
  #6  
Old Jun 20, 2011, 06:05 AM
juggledad's Avatar
juggledad
 
23,626 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
try
HTML Code:
div#menu1 #rmenu2 li a { border-bottom: solid 1px white; }
__________________
"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
[SOLVED] How to remove dashed border when centering menu snip07 Header configuration & styling 3 Feb 11, 2011 05:14 AM
Details about centering the menu on menu bar (child drop-down menus become unalligned jstein Page & Category Menu Bars 2 Oct 24, 2010 09:56 AM
[SOLVED] Question about CSS ID for top border of page menu bar buttons Wimbledon Page & Category Menu Bars 4 Jun 6, 2010 11:15 PM
[SOLVED] how to create a CSS insert for border-left border-right on menu tabs aliengirl Page & Category Menu Bars 3 Jan 7, 2010 08:22 PM
[SOLVED] Dashed border still appears with page menu centering neska0209 New Versions, & Updating 6 Jul 15, 2009 05:15 AM


All times are GMT -6. The time now is 06:23 PM.


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