WordPress.org

Ready to get started?Download WordPress

Forums

Hierarchical Pages Widget
CSS Styling Sub Menu - Can't Work Out 3rd Level (P>C>C) Styling (2 posts)

  1. LValfre
    Member
    Posted 9 months ago #

    The main list of parent pages looks fine.
    http://test.pillarsoflifebook.com/

    The 1st sub level child also looks fine.
    http://test.pillarsoflifebook.com/banquettes/

    The 2nd sub level child is where it goes off. I want it to look like the 1st sub level child but also highlight the page it's on.
    http://test.pillarsoflifebook.com/banquettes/designer-banquettes/

    It should look like this (client static HTML site I'm migrating to wordpress).
    http://www.citylivingdesign.com/booths_banquettes/Banquettes/banquettes_designer/banquettes_designer.html

    I've read and searched and played but have not had any success. I appreciate any feedback!

    Current CSS - I hope this isn't too much.

    .sidebar {
    font-size: 16px;
    color: #ffffff;
    text-transform: uppercase;
    padding-bottom: 25px;
    line-height: 26px;
    }
    
    .sidebar li {
    padding-left: 10px;
    list-style: none;
    }
    
    .sidebar a {
    color: #ffffff;
    text-decoration:none;
    }
    
    /* Style Sidebar Sub Menus */
    #sidebar li.current_page_item {
    background-color: #6599A3;
    }
    
    #sidebar li.current_page_item a{
    color: #0E2C60;
    font-weight: bold;
    }
    
    #sidebar li.current_page_item li a{
    color: #ffffff;
    font-size: 14px;
    text-transform: capitalize;
    font-weight: normal;
    }

    http://wordpress.org/plugins/hierarchical-pages/

  2. workinclasshero
    Member
    Posted 6 months ago #

    Style it like this:

    .sub-menu .submenu {
    display:none;
    position:absolute;
    left:80px;
    background:#fff;
    z-index: 99999;

    }
    li > .submenu .submenu:hover {
    display:block;
    }

    Play around with that a little bit, it should get you started anyhow.

Reply

You must log in to post.

About this Plugin

About this Topic