Support Forum - Topic: change menu description color

Support Forum - Topic: change menu description color http://www.kriesi.at/support/topic/change-menu-description-color Support Forum - Topic: change menu description color en-US Mon, 20 May 2013 19:14:33 +0000 http://bbpress.org/?v=1.0.2 <![CDATA[Search]]> q http://www.kriesi.at/support/search.php 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 "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 "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. brouge on "change menu description color" http://www.kriesi.at/support/topic/change-menu-description-color#post-27617 Fri, 23 Sep 2011 08:11:02 +0000 brouge 27617@http://www.kriesi.at/support/ thanks for the information. i found <a href="http://www.vanseodesign.com/wordpress/hightlight-current-page-wordpress/" rel="nofollow">http://www.vanseodesign.com/wordpress/hightlight-current-page-wordpress/</a> which tells you that it works, but i don't know where to implement the code snippet for the menu. very last question for this whole subject. when hovering to a subpage (e.g. analysis) is it possible to keep the parent.page (buchvorstellung) highlighted? Dude on "change menu description color" http://www.kriesi.at/support/topic/change-menu-description-color#post-27590 Fri, 23 Sep 2011 05:12:05 +0000 Dude 27590@http://www.kriesi.at/support/ I'm sorry - there's no class which highlights the blog page of a post. I.e. it's not possible to highlight "Blog" while you're on "neuauflage". brouge on "change menu description color" http://www.kriesi.at/support/topic/change-menu-description-color#post-27562 Thu, 22 Sep 2011 16:54:51 +0000 brouge 27562@http://www.kriesi.at/support/ okay, last thing ;-) how can you get this behaviour working with post? whenever i show a simple post from the blog category i'd like to highlight the menu item that links to the blog. ir tried <code>.nav .current-post-parent a {color:#fff;}</code> with no result. brouge on "change menu description color" http://www.kriesi.at/support/topic/change-menu-description-color#post-27555 Thu, 22 Sep 2011 16:35:36 +0000 brouge 27555@http://www.kriesi.at/support/ allright, i got this one! to highlight the parent menu item from a subpage enter the following code in your style.css or style1/2/3.css <pre><code>.nav .current-menu-parent a {color:#fff;} /* main menu */ .nav .current-menu-parent a span {color:#8bbf00;} /* main menu description */</code></pre> brouge on "change menu description color" http://www.kriesi.at/support/topic/change-menu-description-color#post-27549 Thu, 22 Sep 2011 14:42:56 +0000 brouge 27549@http://www.kriesi.at/support/ .nav .current-menu-ancestors a span {color: #fff;} does not work - any other ideas? Dude on "change menu description color" http://www.kriesi.at/support/topic/change-menu-description-color#post-27536 Thu, 22 Sep 2011 10:41:44 +0000 Dude 27536@http://www.kriesi.at/support/ Try: <pre><code>.nav .current-menu-ancestors a span {color: #fff;} #top .nav li ul a { width: 130px; } #top .nav ul { width: 152px; }</code></pre> brouge on "change menu description color" http://www.kriesi.at/support/topic/change-menu-description-color#post-27529 Thu, 22 Sep 2011 09:43:58 +0000 brouge 27529@http://www.kriesi.at/support/ and how do i change the width of the submenu to 130px? best regards brouge on "change menu description color" http://www.kriesi.at/support/topic/change-menu-description-color#post-27528 Thu, 22 Sep 2011 08:49:46 +0000 brouge 27528@http://www.kriesi.at/support/ for the little i-dot, how can i change the behaviour of the submenus according to there parrent page? i'd like to highlight the main menu item when you are at a sub.page so that you know in which menu point of the site you are. i tried something with .nav li ul.current-menu-ancestors a {color: #fff;} but this won't work brouge on "change menu description color" http://www.kriesi.at/support/topic/change-menu-description-color#post-27526 Thu, 22 Sep 2011 07:47:07 +0000 brouge 27526@http://www.kriesi.at/support/ i tried this and it works for fine for the main menu. to get it changed for the description also you have to enter the following snipped in the style1.css: .nav .current-menu-item a, .nav li a:hover{color:#fff;} /* main menu */ .nav li a:hover span, .nav .current-menu-item a span{color: #8bbf00;} /* main menu description */ thanks dude! Dude on "change menu description color" http://www.kriesi.at/support/topic/change-menu-description-color#post-27507 Thu, 22 Sep 2011 05:33:15 +0000 Dude 27507@http://www.kriesi.at/support/ Instead of: <pre><code>.nav .currentli_item a, .nav li a:hover{ color:#fff; }</code></pre> use: <pre><code>.nav .current-menu-item a, .nav li a:hover{ color:#fff; }</code></pre> brouge on "change menu description color" http://www.kriesi.at/support/topic/change-menu-description-color#post-27485 Wed, 21 Sep 2011 12:45:11 +0000 brouge 27485@http://www.kriesi.at/support/ since i only want to change the hover for the little span i insert the following code into the style1.css. .nav li a:hover span, .nav li .current_page_item a span{color: #8bbf00;} this is working for hovering. but now the currentpage is not logged in the menu. even the white main description is shown grey. how do i make them react right? Dude on "change menu description color" http://www.kriesi.at/support/topic/change-menu-description-color#post-27471 Wed, 21 Sep 2011 10:24:29 +0000 Dude 27471@http://www.kriesi.at/support/ Hey, you can use following code in style1/2/3.css: <pre><code>.nav li a:hover, .nav li a:hover span, .nav li .current_page_item a span{ color: #fff; }</code></pre> You can change the color value of course :) brouge on "change menu description color" http://www.kriesi.at/support/topic/change-menu-description-color#post-27360 Mon, 19 Sep 2011 23:44:45 +0000 brouge 27360@http://www.kriesi.at/support/ i was woundering how to chang the menu description color (the little subline from a main point). i'd like to have the current and the hover the same color and the nonactive one always black.