http://www.kriesi.at/support/topic/current-menu-item-css-rule Support Forum - Topic: Current menu Item - CSS Rule en-US Thu, 23 May 2013 11:34:34 +0000 http://bbpress.org/?v=1.0.2 q http://www.kriesi.at/support/search.php http://www.kriesi.at/support/topic/current-menu-item-css-rule#post-67490 Wed, 25 Jul 2012 01:32:19 +0000 Ismael 67490@http://www.kriesi.at/support/ <p>Hey ragudei,</p> <p>Thanks for helping. :)</p> <p>Regards,<br /> Ismael </p> http://www.kriesi.at/support/topic/current-menu-item-css-rule#post-67342 Tue, 24 Jul 2012 09:05:44 +0000 radugidei 67342@http://www.kriesi.at/support/ <p>this is the HTML source that you need to take a look at (example on Policies page)<br /> <code>&lt;div class="menu-topnav-container"&gt;<br /> &lt;ul id="menu-topnav-1" class="menu"&gt;<br /> &lt;li class="menu-item menu-item-type-post_type menu-item-object-page current-page-ancestor current-menu-ancestor current-menu-parent current-page-parent current_page_parent current_page_ancestor menu-item-3816"&gt;<a href="http://sharetel.com.au/about-us/">About Us</a><br /> &lt;ul class="sub-menu"&gt;<br /> &lt;li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3614"&gt;<a href="http://sharetel.com.au/about-us/why-choose-us/">Why Choose Us?</a><br /> &lt;li class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-15 current_page_item menu-item-3615"&gt;<a href="http://sharetel.com.au/about-us/policies/">Policies</a><br /> &lt;li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3645"&gt;<a href="http://sharetel.com.au/contact-us/">Contact Us</a></code></p> <p>The problem is that your CSS code doesn't seem to target any of those classes/IDs, more specifically, the #nav_menu-4 id.</p> <p>try this :<br /> <code>.menu-topnav-container ul:first-child &gt; li.current_page_item &gt; a{<br /> font-weight: bold;<br /> background: #f0b70c !important;<br /> -webkit-border-radius: 3px;<br /> -moz-border-radius: 3px;<br /> border-radius: 3px;<br /> }</code></p> <p>or</p> <p><code>.menu-topnav-container ul.submenu &gt; li.current_page_item &gt; a{<br /> ...<br /> }</code></p> <p>if it doesn't work , try using only this :<br /> <code>.current_page_item {<br /> font-weight: bold;<br /> background: #f0b70c !important;<br /> -webkit-border-radius: 3px;<br /> -moz-border-radius: 3px;<br /> border-radius: 3px;<br /> }</code></p> <p>hope it helps </p> http://www.kriesi.at/support/topic/current-menu-item-css-rule#post-67311 Tue, 24 Jul 2012 05:34:56 +0000 reganfrank 67311@http://www.kriesi.at/support/ <p>Hi,</p> <p>I have added a custom css. rule to highlight the current page/menu item.<br /> <pre><code>/*Sidebar Nav Menu - Current Menu Items*/ #nav_menu-4.widget_nav_menu .current-menu-item &gt; a, #nav_menu-4.widget_nav_menu .current_page_item &gt; a { font-weight: bold; background: #f0b70c !important; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;</code></pre> <p>Unfortunately, when I set it on my local system it works fine, but on the live server it does not display.</p> <p>Am I missing something?</p> <p><a href="http://bit.ly/MCdWL8" rel="nofollow">http://bit.ly/MCdWL8</a> </p>