Gap between category links

  • I’ve been converting an installation of Word Press for a university assignment, and I need to get rid of the gaps between subcategories and categories (e.g. the one between ‘marsupials’ and ‘plants’.)

    https://www.charlottebrogden.com/

    The theme is Minima Plus and the categories were originally in a drop down menu.

    Are there any CSS wizards out there who know the answer to this one?

Viewing 5 replies - 1 through 5 (of 5 total)

  • I THINK it due to the fact that you are beginning each child cat with another <ul>

    Thread Starter Aurora

    (@aurora)

    Thanks miklb.

    I tried removing the UL tags from sidebar.php

    <ul>
    <?php wp_list_cats(); ?>
    </ul>

    became

    <?php wp_list_cats(); ?>

    but the gap between the subcategories and categories didn’t go away and bullet points appeared in front of the categories so I restored the original.

    How can I get rid of the gaps? Is there somewhere else I can remove the extra <ul>?

    #sidebar ul.children {
    margin-bottom: -20px;
    }
    Seems to work, at least in WinXP/Firefox. There might be a more elegant solution somewhere though.

    It’s definetly something in the CSS. With no CSS and just the HTML, it looks fine: https://test.viper007bond.com/ul.php

    Thread Starter Aurora

    (@aurora)

    Thanks both of you for your help. I’ll give the CSS change a try.

    I had a chance to view the site in IE (I’ve been using Safari and Firefox) and the gaps are replaced by lines. It never fails to amaze me how different the browsers are in how they render code.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Gap between category links’ is closed to new replies.