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 »

Menu bar not aligning & other woes


  #1  
Old Feb 14, 2011, 05:47 PM
cswphotography
 
5 posts · Jan 2011
Currently I'm having issues with my menu bar - it seems there's a border around the page names so these tabs are not sitting flush with the background.

See here: http://cswphotography.com.au/blog.

How do I get my menu items sitting neatly?

Secondly, the items seem really bunched up. How do I get the width of the menu bar items to have some padding either side of the text?

Third thing, I want my menu to look like this menu: http://www.foxpitteventing.co.uk/ any thoughts on how?

Thanks heaps.
  #2  
Old Feb 14, 2011, 06:27 PM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
go to ato->MENU 1 (Page Menu)->Border around all menu items and set it to solid 1px and what ever color you are using
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #3  
Old Feb 14, 2011, 06:47 PM
cswphotography
 
5 posts · Jan 2011
I ended up fixing the first issue through the %bar1 and %bar2 styling:
height: 1px;
background: #000000;
border-top: solid 1px #fc9d08;

height: 1px;
background: #000000;
border-bottom: solid 1px #fc9d08;
Any help on getting the width of the page items wider? Like how you can set the sub menu items to a certain width?
  #4  
Old Feb 14, 2011, 08:55 PM
runnerb0y
 
67 posts · Nov 2010
To get more spacing between the Page Menu Items play around with the following...

In the ATO --> Add HTML/CSS Inserts add the following....

Code:
div#menu1 ul.rMenu li {
        margin: -1px 10px;
}
I'll have to poke around a bit to get the submenu width settings...
  #5  
Old Feb 15, 2011, 06:25 PM
cswphotography
 
5 posts · Jan 2011
Cool. That worked. But now the child menu has a clear 20px coming off, like the 20px I added to the parent menu. How do I change the padding on the child menu back to 0px?

(hover over For Sale and you'll see what I mean if my writing is confusing)

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
[SOLVED] need css help to move feed & comments icons down into menu bar areas ikllc Header configuration & styling 2 Jan 15, 2011 06:23 AM
[SOLVED] 3.5.2 Cat & Menu Bar background displaying at 100% (Fixed width 900px) MickR New Versions, & Updating 2 Jul 20, 2010 07:59 AM
[SOLVED] Problem with Page Menu Bar in Safari & Chrome seaside Page & Category Menu Bars 3 Mar 30, 2010 05:29 AM
[SOLVED] Help fine tuning my Page Menu Bar & Header Hidden Driveways Customization, Design, Programming... 4 Feb 10, 2010 09:02 PM
Aligning Page Menu items joaodagraca Page & Category Menu Bars 1 Aug 8, 2009 04:13 AM


All times are GMT -6. The time now is 06:55 AM.


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