Nested Comments and Borders

  • Resolved inkandpixelclub

    (@inkandpixelclub)


    14 years, 6 months 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.

Viewing 6 replies - 1 through 6 (of 6 total)

  • 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%

    Thread Starter inkandpixelclub

    (@inkandpixelclub)

    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?

    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.

    Thread Starter inkandpixelclub

    (@inkandpixelclub)

    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.

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

    Thread Starter inkandpixelclub

    (@inkandpixelclub)

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

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Nested Comments and Borders’ is closed to new replies.