Wordpress Themes - WP Forum at BFA - Lower case children and Bold current item

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)

- Sidebars & Widgets (http://forum.bytesforall.com/forumdisplay.php?f=14)

- - Lower case children and Bold current item (http://forum.bytesforall.com/showthread.php?t=14608)

deuxetoiles

Jun 12, 2011 01:01 PM

Lower case children and Bold current item

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

juggledad

Jun 12, 2011 01:20 PM

try

HTML Code:

.flexipages_widget ul li li {text-transform:lowercase}

.flexipages_widget .current_page_item {font-weight:bold}

deuxetoiles

Jun 12, 2011 01:27 PM

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

The bold, not at all. Any ideas?

Thank so much!

juggledad

Jun 12, 2011 04:46 PM

Try adding an '!important'

deuxetoiles

Jun 12, 2011 05:13 PM

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

juggledad

Jun 12, 2011 06:32 PM

try

HTML Code:

.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;

}

deuxetoiles

Jun 12, 2011 10:08 PM

That works wonderfully except that it bolds all the subpages and the parent page no matter which of those you are looking at. I've left it like that right now so you can see what I mean.

I really appreciate your help with this!

juggledad

Jun 13, 2011 04:04 AM

well, that's CSS for you...that first C is for 'cascading' - what ever you do to an element 'cascades' to all it's children. You need to add CSS to shutoff the bold for the children. you can try

HTML Code:

.flexipages_widget .current_page_item a:link,

.flexipages_widget .current_page_item ul li a {

      font-weight:normal !important;

}

deuxetoiles

Jun 13, 2011 10:27 AM

Yes, I see what you mean about cascading.
Looking at the code, it doesn't seem as though there is any way to specify the current item without including the whole "family" as it were.
Well, thanks!

juggledad

Jun 13, 2011 10:46 AM

sorry change that to this

HTML Code:

.flexipages_widget .current_page_item ul li a {

      font-weight:normal !important;

}

deuxetoiles

Jun 13, 2011 11:30 AM

Nope, didn't work. But thank you.

All times are GMT -6. The time now is 03:09 PM.