WordPress.org

Ready to get started?Download WordPress

Forums

Styling WordPress Comments with CSS & PHP help. (8 posts)

  1. margulies
    Member
    Posted 4 years ago #

    I'm working on a replication of this guy's comment section from scratch

    As you can see, I'm almost done.

    However, when using 'Firebug' and 'SEO for Firefox' you can see that this guy is calling things like:

    .surround ul li, ul.children, commentlist, div.surround.
    ...Things that aren’t in the custom.css

    How did he put those selectors in there?

    I'm most concerned with .surround because that's what he's using to put a box around his threaded comments, organized like a list.

    I appreciate your help.

  2. whooami
    Member
    Posted 4 years ago #

    have you thought of asking the person behind the site you are umm.. using for inspiration?

  3. pixelhub
    Member
    Posted 4 years ago #

    Hi,

    .surround ul li is in his custom.css

    .custom .comments .surround ul li{background:#FFF url(images/blackGrad.gif) repeat-x; border:1px solid #000; clear:both; -moz-border-radius:3px; overflow:hidden; padding:10px; -webkit-border-radius:3px}

  4. ClaytonJames
    Member
    Posted 4 years ago #

    check custom.css again.

    //www.blogussion.com/wp-content/themes/thesis/custom/custom.css

    Right off the bat I see lines 454, 438, 452...

  5. ClaytonJames
    Member
    Posted 4 years ago #

    I thought the same thing at first, but in this case the site owner seems to be openly encouraging it - at least by the looks of the article.

  6. whooami
    Member
    Posted 4 years ago #

    nono, i was suggesting asking him for help, not for permission :P

  7. ClaytonJames
    Member
    Posted 4 years ago #

    That makes sense too! :-)

  8. margulies
    Member
    Posted 4 years ago #

    check custom.css again.

    //www.blogussion.com/wp-content/themes/thesis/custom/custom.css

    Right off the bat I see lines 454, 438, 452...

    I know it's in css but .surround (for example) is being called from some function in his PHP. I would like to know what that code looks like so when style my comments using .surround, something actually happens.

    I've talked to him and apparently it's top secret.

    He's using the thesis theme, so the only 2 files he's editing are:

    custom.css (publicly visible)
    and
    custom_functions.php (not publicly visible)

    I might be out of line trying to call a custom selector but I really just need to put a box around each comment.

Topic Closed

This topic has been closed to new replies.

About this Topic