WordPress.org

Ready to get started?Download WordPress

Forums

Comments layout (10 posts)

  1. Anonymous
    Unregistered
    Posted 10 years ago #

    I've been searching (without luck) a way to make comments stand out. For example I was thinking about adding a frame to each comment entry with something like this:
    border-top: #808080 1px solid;
    border-left: #808080 1px solid;
    border-right: #808080 1px solid;
    border-bottom: #808080 1px solid;
    Unfortunately I can't find the place in the wp-layout.css where to add the lines.
    Where can I find info about that? Is there any other way to make comments stand out?
    Thanks a lot.
    Chrom_

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

    I *think* you can do this by messing with;
    ol#comments li p {
    font-size: 100%;
    }
    as that covers the ordered list that comments appear in.
    I've not figured that out properly though.
    I'd recommend opening a comment up, and viewing the source to see the structure and working back from that.

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

    This is odd.
    There is no css for 'comment'
    I can add the boxes and see perfect results in my css editor, but not live.

  4. Anonymous
    Unregistered
    Posted 10 years ago #

    Skippy,
    your solution works great. I just couldn't guess it because my default wp-layout.css doesn't have the tags you showed in your post, so I didn't have anything to modify (unless I retroenginered the wp-comments.php of course). I wonder if there's any complete doc to the wp-layout.css.
    Any clue?
    Thanks,
    Chrom_

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

    By Nuclear Moose:
    http://blog.nuclearmoose.ca/wp-docs/wp-layout-explained.htm
    My contribution:
    http://www.tamba2.org.uk/graphicalcss/
    (When I figure out comments, I'll add it :) )

  6. Anonymous
    Unregistered
    Posted 10 years ago #

    Yeah, I already knew that 2. Let us know whe you figure out comments! :)
    Cheers,
    Chrom_

  7. Alan
    Member
    Posted 10 years ago #

    I don't know if it's sacrilege to change the comment template but I got rid of the list tags and put the comments in their own <div>'s. Eventually, I want to add a third div to float in comment area with the post count. To do that I will need to learn a little bit of PHP (initialize the count=1 in the "if" statm then in the "for each" count++....I think?).

  8. Anonymous
    Unregistered
    Posted 10 years ago #

    Like Alan, I ditched the bullets by giving #olcomments a list-type: none.
    Then created a div in my CSS for the comments:

    #hisses {
    font-size: 13px;
    color: #000;
    background: gainsboro;
    font-weight:normal;
    }

    In the wp-comments.php template:

    <?php if ($comments) { ?>
    <?php foreach ($comments as $comment) { ?>
    <div id="hisses">
    <id="comment-<?php comment_ID() ?>">
    <?php comment_text() ?></div>

    So each comment has a grey background but the comment author info is white, making each stand out.

  9. Alan
    Member
    Posted 10 years ago #

    Oh, and BTW, I got my idea from reading Venomous Kate's source code. :)

  10. Anonymous
    Unregistered
    Posted 10 years ago #

    Tee hee. ;)

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.