• I am new to wordpress but have been having fun.
    I have hacked a theme and designed a nice looking site incorporating flash elements: https://www.thespacecowboy.com.au

    I installed a plugin called fold_page_list so that my subpages would only be visible when looking at the parent page.

    What I want to know is can I colour the listed subpages in the sidebar a different colour to the listed main pages, to make it visually more clear they are related to the parent page only?

Viewing 4 replies - 1 through 4 (of 4 total)
  • Yes, you can. Use

    li.current_page_item li

    Thread Starter moodra

    (@moodra)

    Thanks Kalessin,
    where do I use this code? In my sidebar.php?

    Here is the code I am using to display my pages now:
    <?php wswwpx_fold_page_list(‘sort_column=menu_order&title_li=<h2>’ . __(‘Navigation’) . ‘</h2>’ ); ?>

    Thread Starter moodra

    (@moodra)

    hmmm I tried to style the subpage list in the sidebar using

    #sidebar .current_page_item { color:#FF0000;} in the style.css file

    It kind of works but I don’t think it is compatible with fold_page_list plugin. It only managed to colour the “>>” bullet but not the actual text, anyways the “>>” is only visible in firefox not IE??. CMS is starting to give me a headache

    If you view the comments in the stylesheet, it explains that the “>>” is not available in IE due to lack of support. Speaking of stylesheets, that’s where the code goes.

    So if you want the selected parent page to be white, you use

    #sidebar .current_page_item {
    	color:#FF0000;
    }

    as you specified above. Then if you want the parent page’s children to be green, you can use

    #sidebar .current_page_item li {
    	color: #green;
    }

    This only affects <li> tags within the <li class="current_page_item"> tag.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘fold_page_list and colouring subpages in menus’ is closed to new replies.