Styling Comments

  • I am stumped, stumped, stumped. What am I doing wrong? Everything I’m trying to change on my CSS to style Comments will not take. The style sheet is here. The comment section is on the bottom. You’ll see I copied the CSS elements right from WP to make sure I was doing it correctly. I tested a lot of the elements with font-size:300% just to see if the font size will change and it won’t. And right above the very bottom “Comments” section, you’ll see some original Comments styling by me that won’t work either.

    I’m even using Firebug to make sure I’ve got the right elements.

    Thanks in advance for your help!

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

  • try and check your css file with https://jigsaw.w3.org/css-validator/

    errors might interrupt the execution of styles that follow the faulty style.

    a style sheet without the corresponding html file is of not much use.
    even better would be a link to yhe problem.

    Thread Starter Sculley

    (@sculley)

    Okay. Will do (validator). Thanks for your help. So, by looking at the CSS does it look like I’m using the right classes and ids to style the comments section?

    Corresponding html file? Oh……do you mean the site? The blog is here. If not, let me know what you mean. The comments.php file I didn’t change.

    i see some really large writing in the comments list;
    that is from the font-size: 20pt; in here:

    #comments {
        font-family: Arial, Helvetica, sans-serif;
	font-size: 20pt;
	margin:10px 5px 0 20px;
	border: none;
	padding: 6px;
}

    and in firefox, with the web developer add-on, the styles are responding and changing.

    to make sure to see the results of any changes to the style sheet,
    press the ‘reload’ button on the browser,
    or press ‘ctrl f5’ together at the same time,
    to clear the browser cache.

    Thread Starter Sculley

    (@sculley)

    I fixed the errors and that helped. Thanks for that reminder (validate)! That’s when the font-size jumped so large. I saw that too and fixed it. So, some styles are working now. However, I can’t get the spacing between comments and I can’t change the name of the commenter. Isn’t that “cite”?

    you are right:

    cite {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 150%;
	font-weight: bold;
	font-style: normal;
}

    /* The tag cite frames the “Name says:”

    no – the cite only covers the Name, not more.

    Thread Starter Sculley

    (@sculley)

    You’re right…..Name only.

    I ended up just starting from scratch and that did the trick. Thanks so much for your help, alchymyth. I really appreciate it!

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