http://www.kriesi.at/support/topic/navigation-current-parent-highlight-hover Support Forum - Topic: navigation current parent highlight hover en-US Sun, 19 May 2013 09:26:08 +0000 http://bbpress.org/?v=1.0.2 q http://www.kriesi.at/support/search.php http://www.kriesi.at/support/topic/navigation-current-parent-highlight-hover#post-29331 Wed, 12 Oct 2011 14:56:40 +0000 brouge 29331@http://www.kriesi.at/support/ <p>hey chris - i even find a solution without adding any css class to the menu-item.<br /> in the style1.css simply change<br /> <pre><code>.nav .current-menu-item a, .nav li a:hover {color:#fff;} to .nav .current-menu-item a, .nav li:hover a {color:#fff;}</code></pre> <p>and<br /> <pre><code>.nav li a:hover span, .nav .current-menu-item a span {color: #8bbf00;} to .nav .current-menu-item a span, .nav li:hover a span {color: #8bbf00;}</code></pre> <p>this should do the trick and is also the best solution because it will work automaticly for every sub page from your menu and you won't have to add css classes all the time by the wordpress 3.0 menu manager. the little secret was to put the "a" behind the hover.</p> <p>all my best<br /> thomas </p> http://www.kriesi.at/support/topic/navigation-current-parent-highlight-hover#post-29315 Wed, 12 Oct 2011 10:35:53 +0000 brouge 29315@http://www.kriesi.at/support/ <p>hey chris i got this thing solved.<br /> the problem was that the sub-menu items also have "strong" tags and they are highlighted everytime the same as the main menu-item by the code provided from you (because of the a &gt; strong).</p> <p>i don't know where you can delete the "strong" brackets for the sub-menu, so i simply added a css-class named "parent" for the parent-menu-item (in my case "buchvorstellungen") via the wordpress menu manager.<br /> i succeeded by adding the following into the style1.css:<br /> <pre><code>.parent:hover a {color: #fff;} /* to make the main menu white*/ .parent:hover a span {color: #8BBF00;} /* to make the menu description green */</code></pre> <p>this keeps the main menu highlighted and! the sub menu gray when not hovering over them.<br /> a curious thing is that taking the "a" infront of the hover (which i think is the common way) won't work.<br /> best regards<br /> thomas </p> http://www.kriesi.at/support/topic/navigation-current-parent-highlight-hover#post-29278 Wed, 12 Oct 2011 01:23:43 +0000 Chris Beard 29278@http://www.kriesi.at/support/ <p>Hey,<br /> I'm pretty certain what I provided should work. I suggest you start with a clean CSS file and apply the provided code again. </p> http://www.kriesi.at/support/topic/navigation-current-parent-highlight-hover#post-29228 Tue, 11 Oct 2011 12:21:24 +0000 brouge 29228@http://www.kriesi.at/support/ <p>hey chris,</p> <p>if i add<br /> <code>.nav li:hover a &gt; span {color: #8BBF00;}</code></p> <p>it works fine for the menu description just the title doesn't work with both of the provided solutions.<br /> any other ideas? i know it has to work - since there are wordpress pages with this kind of behaviour.</p> <p>best regards<br /> thomas </p> http://www.kriesi.at/support/topic/navigation-current-parent-highlight-hover#post-28831 Thu, 06 Oct 2011 14:36:49 +0000 brouge 28831@http://www.kriesi.at/support/ <p>sorry chris, this doesn't work either.<br /> if i do so the submenu gets some more lines and the parent isn't highlighted anymore. </p> http://www.kriesi.at/support/topic/navigation-current-parent-highlight-hover#post-28749 Thu, 06 Oct 2011 00:23:34 +0000 Chris Beard 28749@http://www.kriesi.at/support/ <p>Hey,<br /> the last code I provided wasn't entirely correct.<br /> It should be `#menu-navigation ul li ul li:hover a &gt; strong {<br /> color: #FFFFFF;<br /> }`</p> <p>In your style1.css you can find<br /> <code>#top .nav li ul a</code><br /> and replace it by<br /> <code>#top .nav li ul a strong,#top .nav li ul a</code></p> <p>This should work :) </p> http://www.kriesi.at/support/topic/navigation-current-parent-highlight-hover#post-28684 Wed, 05 Oct 2011 15:11:34 +0000 brouge 28684@http://www.kriesi.at/support/ <p>hey chris this is working, but it changes the submenu items to be highlightet in white all the time too.<br /> it's hard to distinguish the hover for a submenu now.<br /> how can i get the normal grey color back if not hovering over a subpage?</p> <p>all my best </p> http://www.kriesi.at/support/topic/navigation-current-parent-highlight-hover#post-28607 Tue, 04 Oct 2011 19:33:24 +0000 Chris Beard 28607@http://www.kriesi.at/support/ <p>Hi,<br /> add<br /> <pre><code>#menu-navigation li:hover a &gt; span { color: #8BBF00; }</code></pre> <p>to your CSS, this will color your "Leseproben" green when you're hovering a sub item.</p> <p>Also add<br /> <pre><code>#menu-navigation li:hover a &gt; strong { color: #fff; }</code></pre> <p>To keep your "Buchvorstellung" white. </p> http://www.kriesi.at/support/topic/navigation-current-parent-highlight-hover#post-28419 Sun, 02 Oct 2011 17:50:38 +0000 brouge 28419@http://www.kriesi.at/support/ <p>any news?<br /> what i am trying to achieve is something like <a href="http://www.brotfabrik-berlin.de/" rel="nofollow">http://www.brotfabrik-berlin.de/</a> when you hover to a subpage the parent keeps being highlighted.<br /> i tried<br /> <pre><code>.nav .current-menu-parent a:hover {color:#fff;}</code></pre> <p>no luck so far </p> http://www.kriesi.at/support/topic/navigation-current-parent-highlight-hover#post-27815 Mon, 26 Sep 2011 06:50:38 +0000 brouge 27815@http://www.kriesi.at/support/ <p>i open a new thread for a little question, otherwise it will be too confusing.<br /> as the thread <a href="http://www.kriesi.at/support/topic/change-menu-description-color" rel="nofollow">http://www.kriesi.at/support/topic/change-menu-description-color</a> shows it is possible to highlight the parent menu item when a child page is selected.<br /> is it possible to do this with the hover effect also?<br /> it would be nice to keep a the current parent highlighted when hovering over a child.</p> <p>best regards </p>