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] page menu buttons 1 pixel too high.


  #1  
Old Jun 1, 2011, 06:43 PM
--yeah--wow
 
I have been seeking hi and lo and have not been able to find why my menu buttons are a little high (or are placed a bit too high). I use the latest version of Atahulapa and have changed it a bit here and there. I have added the following code at CSS inserts (found it ons this forum and tweaked it a bit):
/* ================================================ */
/* Page menu background */
/* ================================================ */
div#menu1 {
height: 25px;
margin-top:15px;
background: #365DA0;
}
/* ================================================ */
/* Page Menu item's background and border */
/* ================================================ */
div#menu1 ul.rMenu {
background: purple;
border: none none;
}
/* ================================================ */
/* Page Menu item */
/* ================================================ */
ul.rMenu li a:link,
ul.rMenu li a:visited,
ul.rMenu li a:hover,
ul.rMenu li a:active,
ul.rMenu li {
background: green !important;
color: #000000 !important;
}
/* ++++++++++++++++++++++++++++++++++++++++++++++++++ */

I have include a picture of what the menu looks like and as you can see the menu buttons are 1 or 2 pixels too high.
Can you please give me a pointer to what I am doing wrong?
Can this be corrected without the CSS insert? (that was what I tried to do before...)

Thanks in advance!
Attached Thumbnails
Click image for larger version

Name:	pagemenu.JPG
Views:	426
Size:	9.6 KB
ID:	1390  
  #2  
Old Jun 1, 2011, 07:11 PM
juggledad's Avatar
juggledad
 
23,655 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
try
HTML Code:
div#menu1 { 
border-top:solid 1px #365DA0; 
}
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #3  
Old Jun 1, 2011, 07:23 PM
--yeah--wow
 
That worked. Thank you very much.
I could discard the CSS insert and put "solid 1px #365DA0" in the "Border around all menu items" box in the Menu1 tab. I tried that before, but not with the word "solid". This really works. When I take the word solid away again, it goes back to the previous problem.

Great service!

When I have paypal somewhere this summer I will think of you.

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
Creating buttons for the page menu Nourdmrolnmt1 Page & Category Menu Bars 5 Feb 2, 2012 01:03 PM
How to make Page Menu buttons' color different from menu the bar? runnyeggsham Page & Category Menu Bars 2 Mar 15, 2011 09:53 AM
Page menu bar with buttons Burn Page & Category Menu Bars 17 May 23, 2010 03:55 PM
Question regarding pixel menu bar calipso Page & Category Menu Bars 6 Jan 11, 2010 05:29 AM
Page Menu Buttons DATAPOPP Forum How-To 1 Aug 27, 2009 11:38 AM


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


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