Hello,

I'm not that great at CSS, so I was wondering if one of the wizzes here could help me with some CSS code to put in Atahualpa's CSS inserts.

Here's the website in progress:http://www.simongoland.com/newsite/

I'm using the Flexi Pages Widget to create a page menu in the right sidebar where the sub-pages are hidden in the list unless you are in that section. The three pages with subpages are "services", "explorations" and "about".

What I would like is for the menu items for the subpages to be lower-case (while the top level is upper case).

I would also like the menu item for the current page to be bold (whether a top-level page or a sub-page).

I can't seem to wrangle the code to get this to happen. Versions below. Any and all help appreciated.

Thanks!

- Amy

WordPress 3.1.3
Atahualpa 3.6.7
Flexi Pages Widget 1.6.4

try

.flexipages_widget ul li li {text-transform:lowercase}
.flexipages_widget .current_page_item {font-weight:bold}

Great! The lower-case code worked beautifully. Thank you.

The bold, not at all. Any ideas?

Thank so much!

Try adding an '!important'

Hmmm... no dice. Any other ideas? Thank you.

try

.flexipages_widget .current_page_item a:link,
.flexipages_widget .current_page_item a:visited,
.flexipages_widget .current_page_item a:hover,
.flexipages_widget .current_page_item a:active {
      font-weight:bold !important;
}