WordPress.org

Support

Support » How-To and Troubleshooting » Separating link categories

Separating link categories

  • My blog has three link categories and I’d like to put a space between each category. I’ve already gone to Edit Links and tried various combinations of , and <br> in the ‘before’ and ‘after’ areas but nothing seems to make a difference. What’s the magic formula?

Viewing 15 replies - 1 through 15 (of 18 total)
  • make that:
    …combinations of paragraph break and line break tags in the ‘before’ and ‘after’…

    I would suggest changing the wp-layout.css stylesheet instead of formatting using spaces and breaks. That way you stay away from all those disfunctional html formatting objects.
    adding margin styling to at list level where you need should do the trick… look for #menu ul in your wp-layout.css file. There are a series of them that will allow you pretty fine control over those category lists.
    You can even custom define some css classes if needed.

    I looked at the layout.css file and see the menu section but it isn’t obvious to me what to insert. Would you give me a code snippet to show me?

    Mark (podz)

    @podz

    Support Maven

    Try ading this to the menu ul
    padding {
    0 0 20px 0;
    }
    or
    margin-bottom {
    20px;
    }
    One of those should do the trick .. I forget which.

    Doing this…

    #menu ul {
    margin-top: 0;
    padding-left: 0;
    margin-left: 0;
    list-style: none;
    color: #B54141;
    /*text-indent: 1000em;*/
    margin-bottom {
    20px;
    }
    }

    …created an indented structure but not a blank line between the link categories. Substituting the first option did similar.
    Further suggestions?

    Im having the same issue……mine are displaying inline, like i want them to, but without a break between the sections….

    This is the code I have controlling my blogroll…the display:none is set because I have it hiding and Im using a show/hide command to toggle it.
    I tried adding the ul li and ul ul li but I still coudlnt get a space between my links categories.
    #blogroll {
    display: none;
    }
    #blogroll ul{
    display: inline;
    list-style: none;
    padding: 0px;
    }
    #blogroll li{
    padding-bottom: 5px;
    list-style: none;
    }

    We are all really struggling here without a url. Posting long slabs of css on the forum is not the answer.

    Sorry.
    http://www.sumaira.net/wordpress/index.php
    Excuse the mess…..

    No suggestions anyone?
    *Pouts*
    lol
    Oh well.

    Mark (podz)

    @podz

    Support Maven

    Sumaira – what is it you need ?
    You have inline specified, but when the correct tags are put in, the lists aren’t lists, they are blocks.
    I assume that you want a decent space between each *category* not each link itself ?

    Have a look at my site at http://tier1services.com/wp/ “Online Tools” and “WordPress” are the two link categories I have set so far and are clearly separated, is this what you are looking for?
    Kevin

    @sumaira Well it is prolly me being thick but I can not see your categories at all.
    What you are referring to in your blog roll are links. Now here is the thing: Those are controlled in the CSS by # menu ul ul li a (note the a). HTH.

    Ah.
    Well style the #menu ul ul li a then. by adding a bit of top padding.

    Sorry for the trouble..but I fixed it. Noticed I didnt have UL’s around my list…..that was why my css wasnt working…
    Do have another question though…is there a way to bold the titles of the links lists?

Viewing 15 replies - 1 through 15 (of 18 total)
  • The topic ‘Separating link categories’ is closed to new replies.