Title: CSS Question – Current Item
Last modified: August 20, 2016

---

# CSS Question – Current Item

 *  Resolved [polr](https://wordpress.org/support/users/polr/)
 * (@polr)
 * [13 years, 7 months ago](https://wordpress.org/support/topic/css-question-current-item/)
 * Hi,
 * Have got the menu working how I need with one exception – I cannot get/work out
   how to get the current item highlighted.
 * Can anyone she any light on how to go about this?
 * Thanks
 * [http://wordpress.org/extend/plugins/advanced-sidebar-menu/](http://wordpress.org/extend/plugins/advanced-sidebar-menu/)

Viewing 3 replies - 1 through 3 (of 3 total)

 *  Plugin Author [Mat Lipe](https://wordpress.org/support/users/mat-lipe/)
 * (@mat-lipe)
 * [13 years, 7 months ago](https://wordpress.org/support/topic/css-question-current-item/#post-3140981)
 * Hello poir,
    You may target the current item with css by using the
 * > current_page_item
 *  class
 * for instance you could add this to your theme’s style.css file
 *     ```
       .current_page_item a{
           font-weight: bold;
       }
       ```
   
 * Hope this helps.
 * Cheers
 *  [tristanknowles](https://wordpress.org/support/users/tristanknowles/)
 * (@tristanknowles)
 * [12 years, 9 months ago](https://wordpress.org/support/topic/css-question-current-item/#post-3141115)
 * I’m having trouble with this too.
 * I have a menu going down to 3 levels (parent -> child -> second child)
 * I want to apply specific styling (change background colour) to the active page
   so it’s clear where the user is on the side menu.
 * The website is at:
    [http://www.tkdemosite.net/tools-and-resources/compliance-resources/](http://www.tkdemosite.net/tools-and-resources/compliance-resources/)
 * you’ll need htaccess to get in and a username/password to see the pages. I can
   email or PM these if somebody thinks they can help.
 * I’ve tried the following but it also highlights all the child pages under the
   heading. Once at level 3 it just highlights the single item because there are
   no children after this.
 *     ```
       .advanced-sidebar-menu .page_item a:link, .advanced-sidebar-menu .page_item a:visited {
       	background: none;
       }
       .advanced-sidebar-menu .current_page_item a:link, .advanced-sidebar-menu .current_page_item a:visited {
       	background: #d6dff1;
       }
       ```
   
 *  [tristanknowles](https://wordpress.org/support/users/tristanknowles/)
 * (@tristanknowles)
 * [12 years, 9 months ago](https://wordpress.org/support/topic/css-question-current-item/#post-3141116)
 * Always happens, just after I post I find a solution. The following worked for
   me:
 *     ```
       .advanced-sidebar-menu .current_page_item a {
       	background: #d6dff1;
       }
   
       .advanced-sidebar-menu .current_page_item a:visited, {
       	background: #d6dff1;
       }
   
       .advanced-sidebar-menu .page_item ul li a, .advanced-sidebar-menu .page_item ul li a:visited {
       	background: #ffffff;
       }
   
       .advanced-sidebar-menu .page_item ul li a:hover {
       	background: #d6dff1;
       }
   
       .advanced-sidebar-menu .page_item .current_page_item a, .advanced-sidebar-menu .page_item .current_page_item a:visited, .advanced-sidebar-menu .page_item .current_page_item a:hover {
       	background: #d6dff1;
       }
       .advanced-sidebar-menu .current_page_item .page_item a, .advanced-sidebar-menu .current_page_item .page_item a:visited {
       	background: #ffffff;
       }
   
       .advanced-sidebar-menu .current_page_item .page_item a:hover {
       	background: #d6dff1;
       }
       ```
   

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘CSS Question – Current Item’ is closed to new replies.

 * ![](https://ps.w.org/advanced-sidebar-menu/assets/icon-256x256.png?rev=1810540)
 * [Advanced Sidebar Menu](https://wordpress.org/plugins/advanced-sidebar-menu/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/advanced-sidebar-menu/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/advanced-sidebar-menu/)
 * [Active Topics](https://wordpress.org/support/plugin/advanced-sidebar-menu/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/advanced-sidebar-menu/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/advanced-sidebar-menu/reviews/)

 * 3 replies
 * 3 participants
 * Last reply from: [tristanknowles](https://wordpress.org/support/users/tristanknowles/)
 * Last activity: [12 years, 9 months ago](https://wordpress.org/support/topic/css-question-current-item/#post-3141116)
 * Status: resolved