Support » Fixing WordPress » Formatting Filed Under: Category

  • After I upgraded to 1.0, I noticed that it now shows the category at the end of the post as a list. As in…
    Filed under:

    • category
    • category

    I would prefer to have it all on one line (separated by commas maybe) like…
    Filed under: blah blah blah, blah blah blah
    How can I accomplish that?
    Thanks!!

Viewing 13 replies - 1 through 13 (of 13 total)
  • You should be able to align them using display: inline.
    A nice tutorial can be found at http://css.maxdesign.com.au/floatutorial/tutorial0601.htm

    I answered you on your blog, mamabean, or just email me. 🙂

    What is your blog mamabean? I need to know that as well 🙂

    Ah, found out how to do it. In you CSS:
    .post-categories, .post-categories li {
    list-style-type: none;
    display: inline;
    padding: 0px;
    margin: 0px;
    }

    mamabean, you can also do the_category(',') to have it output a plain list of the categories seperated by commas.

    mamabean, if you decide to keep the list, which I think is a rather nice feature, you can use generated content to separate the list items, such as this:
    <pre>
    .post-categories li:after {content:’,’;}
    </pre>
    Note that this will place the content after the last item as well. There is a way to target the last item separately (last child), but I have momentarily forgotten the syntax.
    Also note that Internet Explorer doesn’t handle generated content.

    Lars’ way is highly recommended.

    Ooo thanks everyone! For now at least, I used the the_category (‘,’) Worked perfectly!
    Sorry for the lack of a url… I didn’t realize I hadn’t put that in my profile. Just added it. 😉
    Thanks again!

    on the contrary, lars’ way (although technically correct, and quite pretty) is NOT recommended, because probably less than 5% of your readers can see the content. 🙁
    But I must say, semantically speaking, the list items are a nice touch.

    Jaykul, they see the content, they don’t see a comma. On my site I seperate the categories with a thick line. On another site I saw the categories were just lined up with one another. The list markup provides a lot of flexibility regarding what you do with the categories.

    I have an issue with this section of the template as well. I don’t mind the list for multiple category posts at all, and I would have to agree with Jaykul that it’s a nice touch. However, I do think that for single-category post, it just takes up to much screen real estate. (not a problem on my 19″beast but that would be the exception, not the rule)
    I’ve been playing with the code between the <div class=”meta”> tags for the better part of an hour to try and get it all on one line like:
    Filed under: News by Syntax @ 4:37 pm
    I’ve checked all I can think of to check in the CSS and I’m not totally sure where to look in the template-functions file. Anyone care to assist?

    This is what I use:
    <pre>
    .meta ul {display:inline; margin:0; padding:0; list-style:none;}
    .meta ul li {display:inline;}
    </pre>
    I think the default css has the exact same styles.

    I put mine in a drop-down box. *LOL* 😉 Thanks for the comma though, I used that on my blog posts.

Viewing 13 replies - 1 through 13 (of 13 total)
  • The topic ‘Formatting Filed Under: Category’ is closed to new replies.