Wordpress Themes - WP Forum at BFA - 3.6.4 error with the CSS of the menu

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)

- Page & Category Menu Bars (http://forum.bytesforall.com/forumdisplay.php?f=10)

- - 3.6.4 error with the CSS of the menu (http://forum.bytesforall.com/showthread.php?t=12746)

3.6.4 error with the CSS of the menu

Reporting error with the CSS of the menu.
Attached the images.
1.Image 1 - Background color of sub menu inherited from the Top level if the Top level menu item class is "current-menu-item"
2. Image 2 - correctly displayed submenus when the Top level is not the "current-menu-item"

1) are you using the Atahualpa menus or a WordPress menu?
2) What is the URL?

please go to ato->Export/Import Settings and export your settings and attach them to a reply

Its present with both WP menu as well as default Atahualpa menus. The fresh install of the theme without any modifications has this issue too. I am customizing for a client so can't upload the export. But I installed the theme on a local Fresh WP installation without any customization to the theme to check if the problem exists with the customization or not and found that it even exist with a fresh installation of the theme without any customization.

Attatched the image of a totally fresh install of WP and Atahualpa. If I open the "Parent page" page then the submenus of the Parent page menu are inheriting the highlighting.

Here is the CSS from where the submenus are getting the background color. (Copied from Firebug)

div#menu1 ul.rMenu li.current-menu-item a:link, div#menu1 ul.rMenu li.current-menu-item a:active, div#menu1 ul.rMenu li.current-menu-item a:hover, div#menu1 ul.rMenu li.current-menu-item a:visited, div#menu1 ul.rMenu li.current_page_item a:link, div#menu1 ul.rMenu li.current_page_item a:active, div#menu1 ul.rMenu li.current_page_item a:hover, div#menu1 ul.rMenu li.current_page_item a:visited, div#menu1 ul.rMenu li a:hover {
background-color: #EEEEEE;
color: #000000;
}

I am also experiencing this same situation since atahualpa 3.5.3 and up.
Currently this problem can be replicated with a fresh install of the latest versions of atahualpa and worpress on a clean/new/no content site.

Below is a list (As of 2011_FEB_19, in no particular order) of the topics/links that I have tired to correct this issue.

I am open to new suggestions, ideas and theories on how to fix this. So that the child pages
are not highlighted when a parent page is selected(viewing).

Thank you in advance for your help in this matter.
Kindly,
Chevyman
P.S. Not sure if it matters or not but I have donated to this site/forum.

Subpages are all highlighted when parent page is selected on page menu bar
http://forum.bytesforall.com/showthread.php?t=2745

Juggledad's colored menu cheat sheet
http://forum.bytesforall.com/showthread.php?t=7045

[SOLVED] How to make menu bar transparent?
http://forum.bytesforall.com/showthread.php?t=12369

How to change background color of the Menu bar?
http://forum.bytesforall.com/showthread.php?t=11891

WordPress Menus - How to Change the Background Color of the Current Page/Category
http://forum.bytesforall.com/showthread.php?t=10892

Old Version fixes and change logs
http://forum.bytesforall.com/forumdisplay.php?f=37

New Versions, & Updating
http://forum.bytesforall.com/forumdi...er=desc&page=8

How to Highlight The Current Page Parent Menu in Atahualpa Theme of WordPress
http://www.openscriptsolution.com/20...-of-wordpress/

BUGFIX 3.4.2 Highlighting of category in category menu bar is gone
http://forum.bytesforall.com/showthread.php?t=2540

Child Page Menu items appear all same colour
http://forum.bytesforall.com/showthread.php?t=2976

Is it possible to keep the PARENT page highlighted in the menu?
http://forum.bytesforall.com/showthread.php?t=4720

How to make Current page color different than Hover color?
http://forum.bytesforall.com/showthread.php?t=2372

Bug fixes I have tired:
BUGFIX 353-01: Fix styling when using the new WordPress menus
http://forum.bytesforall.com/showthread.php?t=8756

bfa_hor_pages

Thanks again!

What is your URL so I can see what you describe

Quote:

Originally Posted by juggledad (Post 58699)

What is your URL so I can see what you describe

Hi Juggle Dad,
Thanks for the quick reply!
Here is the url/link:

http://chevymanusa.com/ata-test/?page_id=9

Fresh test install of Wordpress 3.0.5 and Atahualpa 3.6.4.
Atahualpa Configuration: Default settings
Files edited: Footer added piwik tracking code (tested before and after additional code has no effect on page color)

No additional plugins used on this site

Changed wordpress settings to disable user registration and comments to be approved by admins.

Please let me know if you have any questions.

Thank you again for your help.
-Chevyman

Just did a quick test on my local WAMP server of the latest build of Wordpress 3.1 and Atahualpa 3.6.4.
The new update of Wordpress 3.1 made no difference.

This isn't actually a bug, it is the way it works.

Because of the CSS selector 'div#menu1 ul.rMenu li.current-menu-item a:active' the CSS styling is applied to that element AND IT"S CHILDREN (the 'cascading' in CSS) so if you wanted the children of the of 'div#menu1 ul.rMenu li.current-menu-item a:active' not to have the same styling you would need to add

HTML Code:

div#menu1 ul.rMenu li.current-menu-item a ul li {

  styling goes here

}

Quote:

Originally Posted by juggledad (Post 58801)

HTML Code:

div#menu1 ul.rMenu li.current-menu-item a ul li {

  styling goes here

}

Okay, Thanks again for the quick reply.

Please forgive me if this is a noob mistake. I have tried as you suggested adding the said code to the test site via ATO>Add HTML/CSS Inserts. And have had no luck. Here is the code I added:

ul.rMenu li.current-menu-item a ul li a:link,
ul.rMenu li.current-menu-item a ul li a:visited,
ul.rMenu li.current-menu-item a ul li a:active,
ul.rMenu li.current-menu-item a ul li a:hover {
background: #EEEEEE; !important;
color: #000000; !important;
}

Also tired with "div#menu1 ul.rMenu li.current-menu-item a ul li" at the top of the code and without the !important; tags.

After we sort out my errors in this code. Will the correct code work for a child of a child (Example on test site "Parent 2" > "Child 3 of Parent 2" > SUB Page 1-3 are at the same color as well.

Thank you again for your help in this matter.
And please be gentle on me ;)

-Chevyman

Any updated help, thoughts or useful criticism in this matter would be greatly appreciated.

try

HTML Code:

ul.rMenu li.current-menu-item a ul li a:link,

ul.rMenu li.current-menu-item a ul li a:visited,

ul.rMenu li.current-menu-item a ul li a:hover,

ul.rMenu li.current-menu-item a ul li a:active {

background: #EEEEEE; !important;

color: #000000; !important;

}

remember love hate (link, visited, hover, active) as the order they must be

Just remove the following code from css.php
Improper menu highlighting is solved. Just a note I am using Atahualpa 3.6.4

/* First 4 lines For IE6: */
div#menu1 ul.rMenu li.current-menu-item a:link,
div#menu1 ul.rMenu li.current-menu-item a:active,
div#menu1 ul.rMenu li.current-menu-item a:hover,
div#menu1 ul.rMenu li.current-menu-item a:visited,
div#menu1 ul.rMenu li.current_page_item a:link,
div#menu1 ul.rMenu li.current_page_item a:active,
div#menu1 ul.rMenu li.current_page_item a:hover,
div#menu1 ul.rMenu li.current_page_item a:visited,
div#menu1 ul.rMenu li a:hover {
background-color: #<?php echo $bfa_ata['page_menu_bar_background_color_hover']; ?>;
color: #<?php echo $bfa_ata['page_menu_bar_link_color_hover']; ?>;
}

Thanks for this thread.