WordPress.org

Ready to get started?Download WordPress

Forums

Separating link categories (19 posts)

  1. sportbiker
    Member
    Posted 10 years ago #

    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?

  2. sportbiker
    Member
    Posted 10 years ago #

    make that:
    ...combinations of paragraph break and line break tags in the 'before' and 'after'...

  3. scottb
    Member
    Posted 10 years ago #

    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.

  4. sportbiker
    Member
    Posted 10 years ago #

    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?

  5. Mark (podz)
    Support Maven
    Posted 10 years ago #

    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.

  6. sportbiker
    Member
    Posted 10 years ago #

    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?

  7. Sumaira
    Member
    Posted 10 years ago #

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

  8. Sumaira
    Member
    Posted 10 years ago #

    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;
    }

  9. Root
    Member
    Posted 10 years ago #

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

  10. Sumaira
    Member
    Posted 10 years ago #

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

  11. Sumaira
    Member
    Posted 10 years ago #

    No suggestions anyone?
    *Pouts*
    lol
    Oh well.

  12. Mark (podz)
    Support Maven
    Posted 10 years ago #

    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 ?

  13. phpNeophyte
    Member
    Posted 10 years ago #

    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

  14. Root
    Member
    Posted 10 years ago #

    @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.

  15. Root
    Member
    Posted 10 years ago #

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

  16. Sumaira
    Member
    Posted 10 years ago #

    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?

  17. Root
    Member
    Posted 10 years ago #

    I understand Eric Meyer has just published a very good book. ;) My point is you need to get your sleeves rolled up and get into this. That blog will never be yours until you figure out which bit of the css controls what. And until you figure out the difference between a category and a link. It really is not in your best interests for folks to answer your question.

  18. Sumaira
    Member
    Posted 10 years ago #

    And as far as the links vs categories....I know the difference...it is simple to type the wrong thing when you are busy.....
    I have Meyers book on CSS (along with several others...).....PHP is unfamilar to me and Im just learning it, I post here when I've played with something quite a bit and still cant get the results I want. I dont post here to have someone tell that its not in my best interest for people to help me...so thanks for the help, from now on, I'll refrain from posting.

  19. Root
    Member
    Posted 10 years ago #

    CSS - From soup to nuts W3Schools Online Tutorials
    Might keep everybody going over the weekend.

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.