Support Forum - Tag: Current

Support Forum - Tag: Current - Recent Posts http://www.kriesi.at/support/tags/current Support Forum - Tag: Current - Recent Posts en-US Fri, 24 May 2013 12:17:50 +0000 http://bbpress.org/?v=1.0.2 <![CDATA[Search]]> q http://www.kriesi.at/support/search.php Devin on "current page link color2" http://www.kriesi.at/support/topic/current-page-link-color2#post-53980 Mon, 30 Apr 2012 16:44:22 +0000 Devin 53980@http://www.kriesi.at/support/ Hi jorisvh, I'm not really sure. Having not written the code in your functions I'm just not familiar with what it is doing and how to fix whats happening. Regards, Devin jorisvh on "current page link color2" http://www.kriesi.at/support/topic/current-page-link-color2#post-53508 Thu, 26 Apr 2012 14:33:28 +0000 jorisvh 53508@http://www.kriesi.at/support/ Anybody??? Thanks jorisvh on "current page link color2" http://www.kriesi.at/support/topic/current-page-link-color2#post-52877 Mon, 23 Apr 2012 10:57:56 +0000 jorisvh 52877@http://www.kriesi.at/support/ THis is my code in the functions.php <pre><code>add_filter('nav_menu_css_class', 'AddCurrentMenuItemClass',1,2); function AddCurrentMenuItemClass($classes,$item) { $link = site_url().$_SERVER['REQUEST_URI']; if(strpos($link, $item->url) !== false) { $classes[] = 'current-menu-item'; } return $classes; }</code></pre> This is my css code: <pre><code>.current-menu-item a{ color: #fe4e02 !important; font-weight:bold; }</code></pre> And some HTML code of my menu: <pre><code></div></div></div><div class="sidebar sidebar1 box"><div class="inner_sidebar"><div class="box"><div class="main_menu main_menu_menu_manager"><div class="menu-main_menu-container"><ul id="menu-main_menu" class="menu"><li id="menu-item-227" class="menu-item menu-item-type-custom menu-item-object-custom first-child"><a href="?product=100-bamboo-orange">10’0? Bamboo Orange</a></li> <li id="menu-item-228" class="menu-item menu-item-type-custom menu-item-object-custom"><a href="?product=100-bamboo-blue">10’0? Bamboo Blue</a></li> <li id="menu-item-229" class="menu-item menu-item-type-custom menu-item-object-custom"><a href="?product=106-allround">10’6? Allround</a></li> <li id="menu-item-247" class="menu-item menu-item-type-custom menu-item-object-custom"><a href="?product=116-allround-blue">11’6? Allround</a></li> <li id="menu-item-258" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item"><a href="?product=126-race-white">12’6 Race white</a></li> <li id="menu-item-264" class="menu-item menu-item-type-custom menu-item-object-custom"><a href="?product=126-race-blue">12’6? Race Blue</a></li> <li id="menu-item-270" class="menu-item menu-item-type-custom menu-item-object-custom"><a href="?product=100-isup">10’0 iSUP</a></li> <li id="menu-item-449" class="menu-item menu-item-type-custom menu-item-object-custom"><a href="/accessories">Accessoires</a></li> <li id="menu-item-461" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-177 current_page_item current-menu-item last-child"><a href="http://dev.vonorangesup.com/winkelwagen/">Shopping cart</a></li></code></pre> Thanks! Mya on "current page link color2" http://www.kriesi.at/support/topic/current-page-link-color2#post-52170 Wed, 18 Apr 2012 14:12:00 +0000 Mya 52170@http://www.kriesi.at/support/ Hi, I think what Devin meant is that we would need to see a live example of this to test for ourselves. Or if you're not comfortable with posting a link you can copy the HTML that WordPress generates as well as any custom CSS. Based on what you're describing my guess is that the code in your functions.php is breaking on the last link. By that I mean when you click on the last link then another link the the current-menu-item is still listed as a class name for that last link. Regards, Mya jorisvh on "current page link color2" http://www.kriesi.at/support/topic/current-page-link-color2#post-51985 Tue, 17 Apr 2012 07:23:05 +0000 jorisvh 51985@http://www.kriesi.at/support/ Hey Devin, I am not sure what you mean? Right now it is just css code. Do I have to include it in my function.php? Thanks Ismael on "Current page background main menu" http://www.kriesi.at/support/topic/current-page-background-main-menu#post-51890 Mon, 16 Apr 2012 20:13:15 +0000 Ismael 51890@http://www.kriesi.at/support/ Hi, This is all you have to do. Add this line on your custom.css <pre><code>.current-menu-item { color: #FFFFFF; background: #5a4099; }</code></pre> Hope this helps. Regards, Ismael dvpd on "Current page background main menu" http://www.kriesi.at/support/topic/current-page-background-main-menu#post-51877 Mon, 16 Apr 2012 19:37:12 +0000 dvpd 51877@http://www.kriesi.at/support/ I changed the background of the main menu into brown. On hover the block changes into to purple by using: .main_menu ul li a:hover { color: #FFFFFF; background-color: #5a4099; } Wat css do i use to keep this purple color on the current page? By the way, is it possible to set the background of the menu in a gradient in combination with the hover function mentioned above? Devin on "current page link color2" http://www.kriesi.at/support/topic/current-page-link-color2#post-51855 Mon, 16 Apr 2012 17:10:53 +0000 Devin 51855@http://www.kriesi.at/support/ Hi jorisvh, I'm not sure. You might want to include the code you have added and a link to the issue live in case anyone has a suggestion. Regards, Devin jorisvh on "current page link color2" http://www.kriesi.at/support/topic/current-page-link-color2#post-51549 Fri, 13 Apr 2012 16:02:05 +0000 jorisvh 51549@http://www.kriesi.at/support/ Hello, Still got a little problem. I allready ask this here : <a href="http://www.kriesi.at/support/topic/current-page-link-color" rel="nofollow">http://www.kriesi.at/support/topic/current-page-link-color</a> but the topic allready closed. The code in my functions.php is working but when I click on the last link in the menu and go after that to another page, the last link still showing active. This is only happening for the last link. If I switich between other links it works fine. Suggetions? Thanks a lot!! brouge on "navigation current parent highlight hover" 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/ hey chris - i even find a solution without adding any css class to the menu-item. in the style1.css simply change <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> and <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> 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. all my best thomas brouge on "navigation current parent highlight hover" 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/ hey chris i got this thing solved. 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 > strong). 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. i succeeded by adding the following into the style1.css: <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> this keeps the main menu highlighted and! the sub menu gray when not hovering over them. a curious thing is that taking the "a" infront of the hover (which i think is the common way) won't work. best regards thomas Chris Beard on "navigation current parent highlight hover" 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/ Hey, I'm pretty certain what I provided should work. I suggest you start with a clean CSS file and apply the provided code again. brouge on "navigation current parent highlight hover" 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/ hey chris, if i add <code>.nav li:hover a > span {color: #8BBF00;}</code> it works fine for the menu description just the title doesn't work with both of the provided solutions. any other ideas? i know it has to work - since there are wordpress pages with this kind of behaviour. best regards thomas brouge on "navigation current parent highlight hover" 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/ sorry chris, this doesn't work either. if i do so the submenu gets some more lines and the parent isn't highlighted anymore. Chris Beard on "navigation current parent highlight hover" 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/ Hey, the last code I provided wasn't entirely correct. It should be `#menu-navigation ul li ul li:hover a > strong { color: #FFFFFF; }` In your style1.css you can find <code>#top .nav li ul a</code> and replace it by <code>#top .nav li ul a strong,#top .nav li ul a</code> This should work :) brouge on "navigation current parent highlight hover" 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/ hey chris this is working, but it changes the submenu items to be highlightet in white all the time too. it's hard to distinguish the hover for a submenu now. how can i get the normal grey color back if not hovering over a subpage? all my best Chris Beard on "navigation current parent highlight hover" 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/ Hi, add <pre><code>#menu-navigation li:hover a > span { color: #8BBF00; }</code></pre> to your CSS, this will color your "Leseproben" green when you're hovering a sub item. Also add <pre><code>#menu-navigation li:hover a > strong { color: #fff; }</code></pre> To keep your "Buchvorstellung" white. Dude on "change menu description color" http://www.kriesi.at/support/topic/change-menu-description-color#post-28450 Mon, 03 Oct 2011 05:36:51 +0000 Dude 28450@http://www.kriesi.at/support/ Glad that you found a solution :) brouge on "navigation current parent highlight hover" 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/ any news? 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. i tried <pre><code>.nav .current-menu-parent a:hover {color:#fff;}</code></pre> no luck so far brouge on "change menu description color" http://www.kriesi.at/support/topic/change-menu-description-color#post-28397 Sun, 02 Oct 2011 13:14:50 +0000 brouge 28397@http://www.kriesi.at/support/ yeeeeeeeeeeeeeeeeeeeeaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaahhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh! finally i got this problem solved: i simply added the following snipped the style1.css <pre><code>.single li#menu-item-91 a {color:#fff;} .single li#menu-item-91 a span{color:#8bbf00;}</code></pre> works like a charm. take a look at the blog-page <a href="http://www.mathemitnullplan.de/neuigkeiten" rel="nofollow">http://www.mathemitnullplan.de/neuigkeiten</a> and click any post you want. the blog menu-item in the navigation keeps on being highlighted. if you want to use this too, make sure to find the right number of the div-id that links to your blog. mine is 91 yours might be different. best regards thomas brouge on "change menu description color" http://www.kriesi.at/support/topic/change-menu-description-color#post-28396 Sun, 02 Oct 2011 13:01:31 +0000 brouge 28396@http://www.kriesi.at/support/ i found out another interessting thing. letting everything like it is and adding the following snippet into the style1.css <pre><code>.single li a {color:#fff;} .single li a span{color:#8bbf00;}</code></pre> changes all the menu items without using if then else double wobble menues in the header. if we can now get the only menu-item-91 using the css this topic should be solved brouge on "change menu description color" http://www.kriesi.at/support/topic/change-menu-description-color#post-28395 Sun, 02 Oct 2011 12:46:37 +0000 brouge 28395@http://www.kriesi.at/support/ thanks for the answer, but can you be a little more precise. what is the exact code to enter in the header.php. and will it really work? i tried it with 'menu_class' => 'nav blog' and the thing is that every menu item gets highlighted. which is logical because the code above means that every menu item gets the class "blog" in addition. maybe the correct solution will be to give the navigation element (menu-item-91 = my blog) a conditional class. how can you achieve this goal? best regards Chris Beard on "change menu description color" http://www.kriesi.at/support/topic/change-menu-description-color#post-28361 Sun, 02 Oct 2011 02:16:46 +0000 Chris Beard 28361@http://www.kriesi.at/support/ You can modifty it to be like this: <code>'menu_class' => 'nav blog'</code> This way your menu will be classed as both nav and blog and can therefore be styled with ".nav .blog" You should be able to do it by using the your if statement to either display <pre><code>// Menu Controlled by the Backend wp_nav_menu( array( 'menu' => 'First', 'menu_class' => 'nav', 'echo' => true, 'fallback_cb' => 'displayfallbackSlider', 'before' => '', 'after' => '', 'link_before' => '', 'link_after' => '', 'depth' => 0, 'context' => 'frontend', 'walker' => new description_walker() ));</code></pre> or <pre><code>// Menu Controlled by the Backend wp_nav_menu( array( 'menu' => 'First', 'menu_class' => 'nav blog', 'echo' => true, 'fallback_cb' => 'displayfallbackSlider', 'before' => '', 'after' => '', 'link_before' => '', 'link_after' => '', 'depth' => 0, 'context' => 'frontend', 'walker' => new description_walker() ));</code></pre> So you'd do something like: if you're on a single page you'd display menu x else you'd display menu y. brouge on "change menu description color" http://www.kriesi.at/support/topic/change-menu-description-color#post-28267 Fri, 30 Sep 2011 08:27:01 +0000 brouge 28267@http://www.kriesi.at/support/ i think i found a solution but i need some advice. couldn't it be solved by adding a conditional class to the blog menu item when show a single article. and then use .blog in the style.css to highlight the menu-item? but i don't know how to connect <pre><code><?php if (is_single()) { ?> class="blog" <?php }</code></pre> with <pre><code>wp_nav_menu( array( 'menu' => 'First', 'menu_class' => 'nav', 'echo' => true, 'fallback_cb' => 'displayfallbackSlider', 'before' => '', 'after' => '', 'link_before' => '', 'link_after' => '', 'depth' => 0, 'context' => 'frontend', 'walker' => new description_walker() ));</code></pre> best regards thomas brouge on "change menu description color" http://www.kriesi.at/support/topic/change-menu-description-color#post-27844 Mon, 26 Sep 2011 12:50:50 +0000 brouge 27844@http://www.kriesi.at/support/ hey dude <pre><code>#top .nav .current-post-ancestor a{color:#fff;} #top .nav .current-post-ancestor a span{color:#8bbf00;}</code></pre> works but whenever i go to the portfolio site the blog menu item is highlighted too. how do i exlude the portefolio category from this behaviour. best regards Dude on "change menu description color" http://www.kriesi.at/support/topic/change-menu-description-color#post-27833 Mon, 26 Sep 2011 07:35:29 +0000 Dude 27833@http://www.kriesi.at/support/ Yes but it doesn't work nevertheless. The problem is that wp doesn't know which categories are part of the blog. It would require a custom function which determines all blog categories, all posts which are part of the blog and based on the result it checks if certain menu classes are required/can be set or not. Another solution would be to work with http referer but it's a very case sensitive solution too. The only "easy" solution is to display an archive instead of the blog page because you can use: <pre><code>.current-post-ancestor { }</code></pre> afterwards. The drawback is that you can display one category as blog only instead of severals or all (Display's blog page). It doesn't help to "hardcode" classes like "current-menu-parent" because WordPress needs to decide dynamically which classes are required and which not. brouge on "change menu description color" http://www.kriesi.at/support/topic/change-menu-description-color#post-27819 Mon, 26 Sep 2011 06:59:56 +0000 brouge 27819@http://www.kriesi.at/support/ hey dude i was thinking i found the solution to keep the blog menu item highlighted when reading a single post. into the wordpress 3 menu manager and tick show advanced settings. then you can add css-classes to each item of the menu. i add <code>current-menu-parent</code> to the site that links to your blog. but it keeps highlighting it consistantly even when i am at another page i put the current hover effect to a new thread: <a href="http://www.kriesi.at/support/topic/navigation-current-parent-highlight-hover" rel="nofollow">http://www.kriesi.at/support/topic/navigation-current-parent-highlight-hover</a> brouge on "navigation current parent highlight hover" 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/ i open a new thread for a little question, otherwise it will be too confusing. 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. is it possible to do this with the hover effect also? it would be nice to keep a the current parent highlighted when hovering over a child. best regards brouge on "change menu description color" http://www.kriesi.at/support/topic/change-menu-description-color#post-27679 Fri, 23 Sep 2011 22:39:31 +0000 brouge 27679@http://www.kriesi.at/support/ how about this tutorial for the new menu system: <a href="http://www.designisphilosophy.com/tutorials/highlight-current-page-or-category/" rel="nofollow">http://www.designisphilosophy.com/tutorials/highlight-current-page-or-category/</a> any news for the hover parent effect? best regards Dude on "change menu description color" http://www.kriesi.at/support/topic/change-menu-description-color#post-27641 Fri, 23 Sep 2011 12:45:47 +0000 Dude 27641@http://www.kriesi.at/support/ The tutorial: <a href="http://www.vanseodesign.com/wordpress/hightlight-current-page-wordpress/" rel="nofollow">http://www.vanseodesign.com/wordpress/hightlight-current-page-wordpress/</a> refers to the old wp_list_page function which was used before wp3 intoduced custom menus. Display uses: <a href="http://codex.wordpress.org/Function_Reference/wp_nav_menu" rel="nofollow">http://codex.wordpress.org/Function_Reference/wp_nav_menu</a> to generate the menus - unfortunately this tutorial is useless.