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 »

[SOLVED] page menu buttons 1 pixel too high.

Old Jun 1, 2011, 06:43 PM
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;
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:	1263
Size:	9.6 KB
ID:	1390  
Old Jun 1, 2011, 07:11 PM
juggledad's Avatar
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
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
Old Jun 1, 2011, 07:23 PM
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.


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 01:12 PM.

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