WordPress.org

Ready to get started?Download WordPress

Forums

Gap between category links (6 posts)

  1. Aurora
    Member
    Posted 9 years ago #

    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'.)

    http://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?

  2. Michael Bishop

    Posted 9 years ago #

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

  3. Aurora
    Member
    Posted 9 years ago #

    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>?

  4. iand
    Member
    Posted 9 years ago #

    #sidebar ul.children {
    margin-bottom: -20px;
    }

    Seems to work, at least in WinXP/Firefox. There might be a more elegant solution somewhere though.

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

  6. Aurora
    Member
    Posted 9 years ago #

    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.

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.