Indenting sub pages, highlighting current page

weyus
(@weyus)

13 years, 1 month ago

This plugin works quite well.

However, I am adding two features that I need:

1) Allow for indenting of sub-pages
2) Allow for highlighting which page is currently being viewed by adding a class to the
<li> of the link to the current page.

I’d be happy to contribute these changes back to the codebase if you like.
http://wordpress.org/plugins/subpages-in-context/

Viewing 1 replies (of 1 total)

Thread Starter

(@weyus)

I ended up adding this custom CSS to style the list returned by wp_list_pages:

<? #Custom CSS - WG 08/22/13 ?>
                        <style>
                          ul.sidenav li {
                            padding: 0 5px;
                          }

                          ul.sidenav li a {
                            color: black;
                          }

                          ul.sidenav li:hover {
                            background-color: #ff0000;
                          }

                          ul.sidenav li:hover a {
                            text-decoration: none;
                            color: #ffffff;
                          }

                          ul.sidenav li.current_page_item {
                            background-color: #ff0000;
                          }

                          ul.sidenav li.current_page_item a {
                            color: #ffffff;
                          }

                          ul.sidenav li:nth-child(1) {
                            font-weight: bold;
                          }

                          ul.sidenav li:not(:nth-child(1)) {
                            margin-left: 10px;
                          }
                        </style>

Viewing 1 replies (of 1 total)

The topic ‘Indenting sub pages, highlighting current page’ is closed to new replies.

Tags