Hi, I have theme installed that provides me with a very minimal menu on the side. I will only be using lots and lots of pages therefore I needed a tight compact and clean side menu.
This is what the menu looks like with the standard theme http://s16.postimg.org/ms8lv4e5h/standard.jpg
I wanted the menus to have a less cluttered look and I paid someone to make a plug in for me that contains this CSS code which does almost everything I want. See below. If you go to the site you can see how plugin manipulates the standard menu. http://sexologist.guru/wordpress
However now that I understand that this is all it took to do almost exactly what I wanted, I see it's not very difficult and there's a few other things I'd like to add to the plug to tweak it because the plugin maker is very slow and painful to deal with and I just want to finish it myself. So my question is this...
Can someone point me to where I would find instructions for the CSS code I wish to add. It's only really simple stuff. Like I want to be able to change the colours for the Children and Grandchildren, and stuff like that. I'm happy to learn it myself rather than ask for the code but I don't know where to begin to find out the type of things that I am able to add to this plugin with respect to the menus.
Thanks,
—Andrew.
nav.page-nav li { text-transform: uppercase; }
nav.page-nav ul.children li { text-transform: none; }
nav.page-nav li.current_page_item a {
background: #9d0706;
color: #fff;
padding: 3px;
}
li.current_page_item ul.children li a {
background: none;
color: #555;
padding: 0;
}
ul.children li.current_page_item ul.children li a {
background: none;
color: #555;
padding: 0;
}
nav.page-nav .children { display: none; }
li.page_item_has_children.current_page_item > ul.children { display: block; }
.current_page_parent > ul.children { display: block; }
.current_page_ancestor > ul.children { display: block; }