3.6.4 error with the CSS of the menu
2 Attachment(s)
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 |
1 Attachment(s)
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:
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 { |
Quote:
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, |
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.
|
All times are GMT -6. The time now is 09:01 PM. |
Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.