WordPress.org

Ready to get started?Download WordPress

Forums

fold_page_list and colouring subpages in menus (5 posts)

  1. moodra
    Member
    Posted 6 years ago #

    I am new to wordpress but have been having fun.
    I have hacked a theme and designed a nice looking site incorporating flash elements: http://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?

  2. Kalessin
    Member
    Posted 6 years ago #

    Yes, you can. Use

    li.current_page_item li
  3. moodra
    Member
    Posted 6 years ago #

    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>' ); ?>

  4. moodra
    Member
    Posted 6 years ago #

    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

  5. Kalessin
    Member
    Posted 6 years ago #

    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.

Topic Closed

This topic has been closed to new replies.

About this Topic