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 » Page & Category Menu Bars »

[SOLVED] My Menu Items Wont align with the menu bar..


  #1  
Old Aug 11, 2012, 06:48 AM
Find IT Services's Avatar
Find IT Services
 
11 posts · Aug 2012
Klerksdorp, South Africa
Send a message via Skype™ to Find IT Services
Hi all,

I have a new problem:

My menu items are set to the same size as the menu bar they're in but it seems like there is a 1px offset down and right for some reason. I cannot get it to be exactly aligned with the menu bar.

Any advice would be appreciated..

This is what I have in my css inserts with regard to the page menu:

HTML Code:
/*=========================*/
/* Page Menu Styling       */
/*=========================*/

.rMenu { background-color: transparent !important;}

div#menu1 { 
	height: 30px;  
	margin-top:0px; 
	background: url('/wp-content/themes/atahualpa/images/pagemenu-background.png') !important
}

ul.rMenu li a:link, 
ul.rMenu li a:visited, 
ul.rMenu li a:hover, 
/*ul.rMenu li a:active,*/ 
ul.rMenu li {
	height: 30px;
	background: url("/wp-content/themes/atahualpa/images/pageitem-background-repeat.png") repeat-x;
	background-color: transparent !important; 
	
}
Attached Thumbnails
Click image for larger version

Name:	Ashampoo_Snap_2012.08.11_14h07m53s_001_.jpg
Views:	450
Size:	46.2 KB
ID:	1970  
  #2  
Old Aug 11, 2012, 11:01 PM
lmilesw's Avatar
lmilesw
 
10,176 posts · Jul 2009
Central New York State USA
Look in the menu section of the theme options. There is a section in there that talks about what you issue may be.
__________________
~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 Aug 12, 2012, 01:54 AM
Find IT Services's Avatar
Find IT Services
 
11 posts · Aug 2012
Klerksdorp, South Africa
Send a message via Skype™ to Find IT Services
Hi Larry,

You mean in ATO? Because the nearest to my problem I see there it the border options and I have played around with those a lot and have not found a solution there.

Another question that could go in this thread:

How is the height of the menubar /items controlled? If I add inserts to specify the height, nothing changes really..

Thanks anyway.
  #4  
Old Aug 12, 2012, 03:01 AM
Find IT Services's Avatar
Find IT Services
 
11 posts · Aug 2012
Klerksdorp, South Africa
Send a message via Skype™ to Find IT Services
OK I have found a solution:

First I removed the background image from the pageitems and made the bg color transparent so the pagemenu bar's background image shows through the items. This solved the horrible misalignment of the background images.

Then I went on to add a grooved right hand border to the menu items to create a nice looking divider between each item.

I ended up with this:

HTML Code:
.rMenu { background-color: transparent !important;}

div#menu1 { 
	height: 30px;  
	margin-top:0px; 
	background: url('/wp-content/themes/atahualpa/images/pagemenu-background.png') !important
}

ul.rMenu li a:link, 
ul.rMenu li a:visited, 
ul.rMenu li a:hover, 
/*ul.rMenu li a:active,*/ 
ul.rMenu li {
	height: 30px;
	repeat-x;*/
	background-color: transparent !important; 
	border-right: groove 2px #371d0b ;
}
To have a look at the results take a look at

GRE Industries

Use this temp login to review the site:

Username: temp
Password: temp1234

I think I am getting the hang of the rMenu system..

Cheers!

Bookmarks

Tags
page menu item alignment

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
Header images wont align correctly OR rotate jennytatjana Header configuration & styling 2 Jun 21, 2011 03:42 PM
[SOLVED] align dropdown menu and menu positioning lambdaka Page & Category Menu Bars 4 Jun 14, 2011 02:16 PM
[SOLVED] menu two menu items links to same page / external link inside dropdown menu thekjub9 Page & Category Menu Bars 1 May 24, 2011 06:59 PM
Control spacing in menu bar: left-align some; right align others; blank space between sarah97302 Page & Category Menu Bars 1 Nov 16, 2009 01:47 PM
[SOLVED] Page Menu Bar - Strange Space Occurring Between Menu Items NealSchaffer Page & Category Menu Bars 2 Jun 20, 2009 10:18 AM


All times are GMT -6. The time now is 10:26 PM.


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