how to show a more clear indent for subcategories?

  • Resolved bear3556

    (@bear3556)


    16 years, 5 months ago

    Hello everybody,
    I am trying to build a wp-blog where I have a block named “Categories” in the left sidebar. I also use sub-categories and even though I have choosed “show hierarchy” in the setting for “Categories” in the wigdet, I do not think that the indent shows clearly enough.

    “Elderly Care” and “Child Care” is a subcategory to “Welfare”

    Current look is below

    CATEGORIES
    Welfare (3)
    Elderly Care (1)
    Child Care (1)
    Environmental issues (1)
    Swedish Culture (1)

    Because “Elderly Care” is a subcategory to “Welfare” I want to have a more clear indent like below:

    CATEGORIES
    Welfare(3)
    Elderly Care (1)
    Child Care (1)
    Environmental issues (1)
    Swedish Culture (1)

    Does anyone know how I should do in order to make the indent more visible?

    For viewing the site, please see https://www.japan-sweden.com

    Thank you very much in advance for your support.
    Best Regards,
    B

Viewing 5 replies - 1 through 5 (of 5 total)
  • Thread Starter bear3556

    (@bear3556)

    Anyone that have any suggestion on how I can solve this problem?

    edit ul.children in your stylesheet
    to add left margin or left padding
    that will indent children listings automatically for all children

    FYI – the bottom link(s?) of your blogroll are displaying weird code (mac ff)

    Thread Starter bear3556

    (@bear3556)

    Thank you very much for your reply.

    I am in severe need of sleep, so I will try the fix tomorrow.

    Yes, I am aware of the weird code in the blog roll.

    This is a bug in a plugin (qtranslate) that will be my next task to fix.

    Thank you once again for your support, I hope it will solve my issue.

    Good Night..from Japan…

    Best regards,
    /Bjorn

    Thread Starter bear3556

    (@bear3556)

    Dear Clesch,

    I looked in the style.css but I could not find ul.children anywhere.

    Do I need to add that in css? How should the code look like?

    If you could put an example code, I would be very very grateful.

    Thanks in advance for your support.

    best regards,
    Bjorn

    Thread Starter bear3556

    (@bear3556)

    Hi everybody,

    Problem is now solved. I tried insert below code in style.css

    .sidebar-box ul.children {
    list-style: none;
    margin-left: 0;
    margin-top: 0px;
    padding-left: 20px;
    text-indent: 0em;
    }

    Now it has the indent as I wanted.

    Thanks once again for your support.
    Best Regards,
    B

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘how to show a more clear indent for subcategories?’ is closed to new replies.