WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Nested Comments and Borders (7 posts)

  1. inkandpixelclub
    Member
    Posted 4 years ago #

    Two questions:

    1. I just realized that the text for my nested comments gets progressively smaller (as seen here). I don't like this, as it makes the nested comments pretty hard to read. Poked around both the stylesheets and the support forums, but I couldn't find how to change it.

    2. On my main page, there are borders that come down from the sides of my header banner and surround all of the page content (except the sidebar, which is floating above the whole thing the way I want it to). If I go to a single post, like this one, the main borders disappear. Again, poked around the code and can't figure out why this is happening.

    Thanks in advance.

  2. marjiec
    Member
    Posted 4 years ago #

    The border problem is because you are missing the footer on the template.
    Look at your templates to find one that does not call for the footer.

    With font size try using em instead of percent. .08em is about 90%

  3. inkandpixelclub
    Member
    Posted 4 years ago #

    The borders are all set! Thank you! I figured it was something simple that I just wasn't seeing.

    The nested comments, unfortunately, are still a problem. I've added "font-size: 1.1em" to just about everything related to "comment" and the nested comments still keep shrinking. Am I not looking in the right place?

  4. Edward Caissie
    Theme Review Admin
    Posted 4 years ago #

    The problem you are experiencing is coming from this line (94) in your CSS file:

    p, li, .feedback {
      font:90%/175% 'Lucida Grande','Lucida Sans Unicode',Verdana,sans-serif;
      letter-spacing:-1px;
    }

    As the li elements nest the '90%' property is "multiplying", thus "shrinking" your comment text. I would start with that as a place to make changes.

  5. inkandpixelclub
    Member
    Posted 4 years ago #

    Is there any way to set it up so that when I change the font setting to "100%/175%" or "1em" or whatever and not have it effect the entire page? It stops the comment text from shrinking, but it also makes all of the text too large. I think what I want is for the content text to be the size it is when the font is set to "90%/175%" and the comments to be slightly smaller, but all the same size.

    Thanks for all your help.

  6. marjiec
    Member
    Posted 4 years ago #

    If you want more control over the font size in comments you need to make a css declaration for it.
    This one works
    #content .comment-body p {font-size:.9em;}

  7. inkandpixelclub
    Member
    Posted 4 years ago #

    That seems to have done it! Thank you all so much for your help.

Topic Closed

This topic has been closed to new replies.

About this Topic