[SOLVED] LH sub-menu styling
 

Is there a way to configure the theme so it provides a styled child sub-menu as per the attached?

http://sussexcontraband.com/test/wp-...nu_example.jpg

If the items 'St Hellings', 'Saxon Hastings' etc are the sub menus and you want all pages that have sub menus to show over there...there is nothing built in however

You could create a seperate WordPress custome menu for each of the sub menus, put them all in the left sidebar using the 'Custom menu' widget, then get the plugin 'exec-php' and for each page, display only the menu you need

When I have to do left sidebars like this in Atahualpa, I use Subpages Extended:

http://wordpress.org/extend/plugins/subpages-extended/

It works well with WP 3.3.1.

I use these settings.

Then in the CSS inserts I do this:

You can see an example here:
http://ortodoks.dk/ortodoks-tro-og-p...de-spoergsmaal

Thanks Jakob that looks a good plugin - I have spent ages messing with css and looking for a similar plugin

Hi Jakob

You suggested Subpages Extended which works OK. I put in your CSS but it only seems to work for the selected item http://oldsthelenschurch.evodev.net/history/history-2/
- I can't work out the CSS to give padding and background color for normal and hover as in the picture above. Can you help, I've spent ages on this?

In fact the functionality is not quite what I want which is like this site http://www.lewespriory.org.uk/history-overview
is there a way to use Subpages Extended for that functionality?

Thanks
Ian

Thanks to Jakob for the following CSS to style the lh menu...

/** ===================== **/
/** Styling lh menu **/
/** ===================== **/
/** Styling selected item **/
div.widget ul li.page_item.current_page_ancestor, div.widget ul li.page_item.current_page_parent, div.widget ul li.page_item.current_page_item {
background: #e1d6c7;
color: #fffff;
padding: 7px 10px;
font-size: 16px;
font-family:"Times New Roman",Georgia,Serif;"Times New Roman", Times, serif;
font-weight: bold;
text-transform: uppercase;
}
/** Styling non-selected item **/
div.widget ul li.page_item {
background: #c4b199;
margin-bottom: 1px;
padding: 7px 10px;
font-size: 16px;
font-family:"Times New Roman",Georgia,Serif;"Times New Roman", Times, serif;
font-weight: bold;
text-transform: uppercase;
}
/** Styling hover **/
div.widget ul li.page_item:hover {
background: #e1d6c7;
}

/** highlight parent of current page **/
ul.rMenu li.current_page_parent a:link,
ul.rMenu li.current_page_parent a:active,
ul.rMenu li.current_page_parent a:hover,
ul.rMenu li.current_page_parent a:visited,
ul.rMenu li.current_page_parent {
background: #c4b199 !important;
}