Wordpress Themes - WP Forum at BFA
There will be no more development for Atahualpa (or any other theme), and no support. Also no new registrations. I turned off the donation system. I may turn the forum to read only if it gets abused for spam. Unfortunately I have no time for the forum or the themes. Thanks a lot to the people who helped in all these years, especially Larry and of course: Paul. Take care and stay healthy -- Flynn, Atahualpa developer, Sep 2021

Wordpress Themes - WP Forum at BFA » WordPress Themes » Montezuma Theme »

How to: Styling Current Page Differently in Menu


  #1  
Old Jan 25, 2013, 07:13 PM
jerryc
 
367 posts · Oct 2012
Florida
Note: I'm using vertical custom menus, so this may work differently in navbar menus.

Out of the box, in custom menus in MZ, if there's a link to the current page, it will be active. I found a plugin called Remove Redundant Links, that did part of what I wanted. Instead of being a link, a link to a current page would be removed, and a title "You Are Here" would appear. The styling stayed the same.

I wanted more. So, I went to the plugin's page and under that plugin clicked edit. Then, I selected the bottom file, remove-redundant-links/class.Remove_Redundant_Links.php. About 2/3 of the way down, I commented out this code:

PHP Code:
/*            // Set title.
            if ( ! $this->settings['title'] )
            {
                unset ( $attr_arr['title'] );
            }
            else
            {
                $attr_arr['title'] = $this->settings['title'];
            }
*/ 
Then, to make the current item in the menu show differently and act more like a breadcrumb, I added the following CSS:

Code:
 ul.menu li.active,
.menu li a.current_page_item,
.menu li a.current_page_item:hover
{
color: #D14200;
font-weight:bold;
border: none;
background: #FFFFFF;
}
Here's the example.
Attached Thumbnails
Click image for larger version

Name:	menu-screenshot.jpg
Views:	3089
Size:	2.6 KB
ID:	2192  

Bookmarks

Tags
breadcrumbs, current page, menu, remove redundant links, rrl



Similar Threads
Thread Thread Starter Forum Replies Last Post
[SOLVED] Double highlight in menu bar when blog page is current page strongandfree Page & Category Menu Bars 2 Jul 24, 2011 12:17 PM
[SOLVED] Styling the homepage differently than the single page winsila Forum How-To 2 Mar 24, 2011 07:10 AM
Page menu (pages-widget): Current page item in post unelma Sidebars & Widgets 5 Jun 7, 2010 04:11 PM


All times are GMT -6. The time now is 11:36 AM.


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