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 »

Top Level Page Menu Highlights All Sub Items


  #1  
Old May 28, 2010, 10:55 PM
joan
 
50 posts · Sep 2009
Brisbane, Qld, Aust
Hi guys, I hope I can explain this but it might need a look at my site ibooknewzealand.com .

I have set the Home page to be "New Zealand" the static page. This static page is a parent of several child pages. The problem is that all these child pages show in the dark hover colour, when the parent (home page) is chosen, which looks ugly when you first land.

I guess the way around it is to have a home page with no child pages, but it would be interesting if anyone had any other ideas.
Regards, Joan
  #2  
Old Jun 4, 2010, 08:55 AM
kal's Avatar
kal
 
149 posts · May 2009
Rhode Island
I've been struggling with this myself. I know it has something to do with child menus, but I have not been able to figure it out.
__________________
Ho Ho Ho
Blah Blah Blah
  #3  
Old Jun 4, 2010, 09:24 AM
juggledad's Avatar
juggledad
 
23,667 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
when you set a style for a parent item, that style cascades to the child elements (hence the term 'Cascading' in Cascading Style Sheets - CSS)

If you want the child elements to be different, then you must set up a selector and rules for the children
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support

Last edited by juggledad; Jun 7, 2010 at 06:26 AM.
  #4  
Old Jun 4, 2010, 09:31 AM
kal's Avatar
kal
 
149 posts · May 2009
Rhode Island
For each child menu item?
__________________
Ho Ho Ho
Blah Blah Blah
  #5  
Old Jun 4, 2010, 09:57 AM
kal's Avatar
kal
 
149 posts · May 2009
Rhode Island
[page1] [page2]
[child1]
[child2]
[child3]

I'm almost there. I just need an explanation on the child menus. I have not been able to find any documentation on this.

Page1 has child menus. Page2 does not.
When Page2 is active, hover works as expected on all menu items including children of Page1.
But when Page1 is active, ALL the child menu items take on the hover color identified here:

li.current_page_item ul.rMenu-ver li a:hover { background: #CD4F60 !important; }

So essentially there is no hover in the child menus.

In the Page Menu Bar settings, I have the following set:

Background color: blue
Background color: Hover: red
Background color: Parent: black

Is this working correctly? Is there another setting I missed?
__________________
Ho Ho Ho
Blah Blah Blah

Last edited by kal; Jun 7, 2010 at 06:20 AM.
  #6  
Old Jun 7, 2010, 06:19 AM
kal's Avatar
kal
 
149 posts · May 2009
Rhode Island
Can anyone point me in the right direction on this?

I cannot figure out where the hover for the child items are controlled.

Thanks!
__________________
Ho Ho Ho
Blah Blah Blah
  #7  
Old Aug 30, 2010, 05:27 AM
chevymanusa
 
11 posts · Aug 2010
Send a message via AIM to chevymanusa
Quote:
Originally Posted by kal
Can anyone point me in the right direction on this?

I cannot figure out where the hover for the child items are controlled.

Thanks!
Kal, did you ever find any closure to this?
I am wanting to see the code/fix for this.

Thanks!
  #8  
Old Sep 2, 2010, 04:43 PM
edm00se
 
1 posts · Sep 2010
Also looking for the corrective action to take here. Anyone figure it out?
  #9  
Old Sep 2, 2010, 05:56 PM
juggledad's Avatar
juggledad
 
23,667 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
The entire menu formatting in Atahualpa is based on the
---------- DROP DOWN / FLY OUT MENUS --------------------------------
Ruthsarian's rMenu http://webhost.bridgew.edu/etribou/layouts/
modified by Bytes For All http://wordpress.bytesforall.com/

There are more that 400 lines of CSS that deal with the menu's. This is the singe most complicated section of CSS in the style sheet.

when you override the existing settings, you have to either, accept how it comes out or do a lot of overriding. For Example, when you change a parents CSS, it flows to the children. If you want it different then you have to add CSS to have different settings that the parent. there is the flyout, hover, current page item, parent item, and all down at multi levels.

------------------------------------------
Here is how I figure out issues with menu's (and lots of other issues.
1) go visit your site
2) view the source code
3) copy the source code and save it to a text file and give it an extension of 'html' like 'mypage.html'
4) open the file in a browser

Now you have the file open in your text editor and in the browser. You can make a change to the code, do a save and then go to the browser and do a refresh and see the effects of your change. If your editor allow, you can undo the change and save, then refresh in the browser and you are back to where you started.

Now you can go into the code and add CSS to the end of the Atahualpa style sheet and see what happens. Once you get it the way you want, you can copy your changes to the 'CSS Inserts' option of the theme.

This is how I do it, not magic, simply a bunch of testing and looking at the code and playing with the CSS. Some people use FireBug, I like to do it this way since I can rip out vast sections of the code that don't affect the area I'm interested in. For example, if I am working on a menu issue, I remove the middle and footer, I don't need the side bars and posts etc. If I was working on a styling issue, I'd start deleting the style sheet chunk by chunk till I found the code that was causing the issue.
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
[Suggestion] Don't link first level parent items in CATEGORIES menu bar ymf Page & Category Menu Bars 2 Nov 17, 2010 08:16 PM
Top Level Menu highlight when sub-menu page is displaying? brianlees Page & Category Menu Bars 0 Jan 18, 2010 03:38 PM
[SOLVED] Make top level page links inactive? BigG Page & Category Menu Bars 5 Jun 14, 2009 12:55 PM
[SOLVED] How should top level "button" work on a menu bar? Shepherd Jim Page & Category Menu Bars 2 Mar 14, 2009 02:30 PM


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


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