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 »

Page menu arrow disappear when item clicked


  #1  
Old Feb 18, 2010, 02:04 PM
Sprutt
 
12 posts · Feb 2010
Hi all!

I'm having trouble getting the down arrows of my page menu parents to behave like I want them to.

Check out the site HERE.

The problem consists of two things:

1. When you hover over the second button "Konferensen" I need the arrow to change to for example the black arrow. I've tried setting it with the following, but that makes it black all the time and it's children all have arrows aswell, despite them not having any children..:

Code:
div#menu1 ul.rMenu-hor li.rMenu-expand a:visited, 
div#menu1 ul.rMenu-hor li.rMenu-expand a:hover {
	padding: 5px 20px 5px 10px;	
	background-position: 95% 50%;
	background-image: url(<?php echo $bfa_ata['template_directory']; ?>/images/expand-down.gif);
}

2. When that same button is clicked the arrow is removed it seems, but I need the black arrow to remain.

Anyone got any pointers on how to solve these(probably simple for some) issues?

Thanks in advance!
  #2  
Old Feb 21, 2010, 01:22 PM
Wimbledon's Avatar
Wimbledon
 
320 posts · Apr 2009
[VA & AZ], USA
Have you tried adding CSS changes to this?

HTML Code:
div#menu1 ul.rMenu li a:active {

}
  #3  
Old Feb 22, 2010, 05:34 AM
Sprutt
 
12 posts · Feb 2010
Thanks Wimbledon, but that doesn't work, it just shows the icon for a millisecond exactly when it's clicked.

Anyone? Just donated btw...
  #4  
Old Feb 22, 2010, 06:55 AM
lmilesw's Avatar
lmilesw
 
10,174 posts · Jul 2009
Central New York State USA
Try this - the php code didn't work for me.
HTML Code:
div#menu1 ul.rMenu-hor li.rMenu-expand a:hover {
background-image:url("http://www.deom.se/temp/ordens_magi/wp-content/themes/atahualpa/images/expand-down.gif");
}
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #5  
Old Feb 22, 2010, 09:32 AM
juggledad's Avatar
juggledad
 
23,576 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
change teh CSS Selector to
HTML Code:
div#menu1 ul.rMenu-hor li.rMenu-expand > a:hover
or you will get down arrows on the child items
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #6  
Old Feb 26, 2010, 10:55 AM
Sprutt
 
12 posts · Feb 2010
Thanks y'all!

Your advice did the trick for the arrows Juggledad. Only thing left that I can't seem to get right is that I only want the parents of the currently active object to be in hover/active mode. Now all of the items in the submenu are in that state. To clarify, if an object in a sublevel is clicked I want it and all of its parents to be in the hover/active state.

Anyone know how to do this?

I've tried the advice given in THIS THREAD without success...

The site is now found HERE.

Thanks!
  #7  
Old Feb 26, 2010, 03:30 PM
juggledad's Avatar
juggledad
 
23,576 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
when a menu item is selected, a class of 'current_page_item' is added to it and a class of 'current_page_ancestor' is added to all it's ancestors. The parent of the current item also gets a class of 'current_page_parent'

You can use these in your CSS Selectors
__________________
"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
[SOLVED] Different button image for each item on Page Menu Masselyn Page & Category Menu Bars 7 Dec 6, 2009 12:58 PM
Page menu bar: first menu item as a image unelma Page & Category Menu Bars 2 Dec 5, 2009 12:52 AM
Can't seem to get padding applied to page menu item tcruiser Page & Category Menu Bars 1 Oct 24, 2009 09:37 PM
Left align first item in page bar menu - joaodagraca Page & Category Menu Bars 1 Aug 6, 2009 05:00 AM
Left align first item in page bar menu joaodagraca Header configuration & styling 1 Jul 29, 2009 12:35 PM


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


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