Wordpress Themes - WP Forum at BFA
There will be no more development for Atahualpa (or any other theme), and no support. Also no new registrations. I turned off the donation system. I may turn the forum to read only if it gets abused for spam. Unfortunately I have no time for the forum or the themes. Thanks a lot to the people who helped in all these years, especially Larry and of course: Paul. Take care and stay healthy -- Flynn, Atahualpa developer, Sep 2021

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Sidebars & Widgets »

Lower case children and Bold current item


  #1  
Old Jun 12, 2011, 01:01 PM
deuxetoiles
 
44 posts · Dec 2009
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
  #2  
Old Jun 12, 2011, 01:20 PM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
try
HTML Code:
.flexipages_widget ul li li {text-transform:lowercase}
.flexipages_widget .current_page_item {font-weight:bold}
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #3  
Old Jun 12, 2011, 01:27 PM
deuxetoiles
 
44 posts · Dec 2009
Great! The lower-case code worked beautifully. Thank you.

The bold, not at all. Any ideas?

Thank so much!
  #4  
Old Jun 12, 2011, 04:46 PM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
Try adding an '!important'
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #5  
Old Jun 12, 2011, 05:13 PM
deuxetoiles
 
44 posts · Dec 2009
Hmmm... no dice. Any other ideas? Thank you.
  #6  
Old Jun 12, 2011, 06:32 PM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
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;
}
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #7  
Old Jun 12, 2011, 10:08 PM
deuxetoiles
 
44 posts · Dec 2009
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!
  #8  
Old Jun 13, 2011, 04:04 AM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
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;
}
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #9  
Old Jun 13, 2011, 10:27 AM
deuxetoiles
 
44 posts · Dec 2009
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!
  #10  
Old Jun 13, 2011, 10:46 AM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
sorry change that to this
HTML Code:
.flexipages_widget .current_page_item ul li a {
      font-weight:normal !important;
}
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #11  
Old Jun 13, 2011, 11:30 AM
deuxetoiles
 
44 posts · Dec 2009
Nope, didn't work. But thank you.

Bookmarks

Tags
children, collapsing, menu, page

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
[SOLVED] Background image for current page item? crashley1784 Page & Category Menu Bars 2 Apr 22, 2011 06:07 PM
[SOLVED] change current category menu item text color cway Page & Category Menu Bars 3 Oct 29, 2010 08:39 AM
[SOLVED] Change Current Menu Item's Background to Transparent rnimchuk Header configuration & styling 2 Sep 15, 2009 05:12 AM
Color of children of current page in menu BradBrown Page & Category Menu Bars 0 Mar 22, 2009 02:38 PM


All times are GMT -6. The time now is 03:30 AM.


Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.