WordPress.org

Ready to get started?Download WordPress

Forums

Deconstructing the sidebar (4 posts)

  1. teejayuu
    Member
    Posted 8 years ago #

    I am trying to understand the code in the side bar so that I can 'model it in my own image'. I am using the dxx theme as a base. I have 3 questions:
    1) In the categories I want to include my own bullets instead of the >>. Where do I find the code to change it?
    2) I also want to be able to assign different bullets to each level. Is this possible? and if so how do I do it.
    3) In the original dxx theme the line that displays the categories is shown as
    <?php list_cats(0, '', 'name', 'asc', '', 1, 0, 1, 1, 1, 1, 0,'','','','','') ?>'
    I have replaced it with
    <?php wp_list_cats('sort_column=name&optioncount=1&hierarchical=1'); ?>'
    so that I can have hierarchical cats. I would like to know what the different arguements are to the list_cats function in the original are. However I can find neither list_cats or wp_list_cats. Can someone tell me where they are?
    Thanks
    TJ

  2. Kafkaesqui

    Posted 8 years ago #

    1. The DXX theme has this in its style.css:

    .entry ul li:before, #sidebar ul ul li:before {
    content: "
    \00BB \0020";
    }

    2. Just start adding declarations in your stylesheet for each level.

    3. See the parameter list in the documentation:

    http://codex.wordpress.org/Template_Tags/wp_list_cats
    http://codex.wordpress.org/Template_Tags/list_cats

  3. teejayuu
    Member
    Posted 8 years ago #

    Thanks Kafkaesqui. I am new to web css php etc. I am not sure how to 'add declarations for each level'. From how I read your answer to my first question it is set for all levels of the list (li). How would I set the first level, second level etc?
    Thanks

  4. Kafkaesqui

    Posted 8 years ago #

    Basically you just keep increasing your declarations by one ul or ul li. Here's a fragmentary example of such:

    #sidebar ul ul {
    ...

    #sidebar ul ul ul {
    ...

    #sidebar ul ul ul ul {
    ...

    Keep in mind that properties under one affect the next, which means if you set the color property for the ul ul list, the following (nested) ones inherit this unless you specifically set that property again. This document describes a little of that:

    http://www.slis.indiana.edu/faculty/hrosenba/www/Workshops/CSS/Demo/cssstructurea.html

Topic Closed

This topic has been closed to new replies.

About this Topic