Frequently Asked Questions:

Change the comment text color on main pages

Dennis recently commented on a post asking how to change the comment text color on main page comments.

Here’s how:

In you WordPress admin area, go to “Design” => “Theme Editor” and select “Stylesheet (style.css)” to edit it. Scroll down to lines 121-123 which look like this:

body.home #comments {
background-color: #E3E3E3; /* bg color of mainpage commment area */
}

Add a line inside the curly braces, like so…

body.home #comments {
background-color: #E3E3E3; /* bg color of mainpage commment area */
color:#ff990; /* color of comment text */
}

…except use the six-digit color code of your choice. Click “update file” to save your changes, then view your blog (remember to force your browser to refresh) to check your work.

Questions? Instead of emailing for support, leave a comment below so everyone can benefit from any clarification.

This entry was posted on Tuesday, May 27th, 2008 and is filed under Comments, Customizing ProPhoto, Frequently Asked Questions. You can leave a response, or trackback from your own site.

26 Responses to “Change the comment text color on main pages”

  1. On May 28th, 2008 at 9:51 am --christine said:

    is there a way to change the color of ONLY my comments on the main page? (you know, that neat little trick like you do when you respond to other comments on your own page?)

  2. On May 29th, 2008 at 8:35 am Jared said:

    @–christine: yes, that’s possible, but unfortunately the implementation is pretty tricky, and probably beyond what i could write up and expect people to be able to pull off. sorry! :(
    I very well may include this feature in the next theme I release for sale.

  3. On May 31st, 2008 at 10:18 pm Jamie 'Cowbelly' said:

    This is probably somewhere in the tutorials, but I’m wondering if there is a way to have the comment author’s websites open in a new window? I know I need to add: target blank, somewhere, and have it relate to comment author link, but not sure where. Any ideas? I’m thinking this may be an additional line of text?

  4. On June 2nd, 2008 at 10:37 am Jared said:

    @Jamie ‘Cowbelly’: hmmmm.. its not in the tutorials anywhere. it could be done by hand-editing the ajaxed-wordpress files or maybe the awp-comments.php file, but you’d probably have to figure this one out on your own. sorry i couldn’t help more!

  5. On June 8th, 2008 at 7:56 am Julia said:

    Hi Jared - can you please explain how to change the background color of the comments section, and also add a slider for when comments go beyond a certain point - say 100 pixels deep? Similar to this site: http://lisarussophotography.com/blog/

  6. On June 9th, 2008 at 7:42 am Jared said:

    @Julia: you’ve got a setting wrong. when you correct that, your comments will function like you ask, and then the instructions for changing the bg color will work too.

    go to: “Design” => “AWP Managment” => “Comments” and make sure you’ve selected “use a custom AWP template for your theme”. and then save and check your blog (remember to refresh your browser).

  7. On June 15th, 2008 at 1:49 am Jamie 'Cowbelly' said:

    No worries Jared, thanks! I actually quite enjoy fiddling with code so If I can figure it out I’ll let you know what the workaround is. Also. I figured out how to move the menu below the header image just where I want it and if I can remember how I did that I will send you those steps too. :-)

  8. On June 15th, 2008 at 3:11 pm Ashley said:

    Hi Jared!

    I am not sure what I did or haven’t done but, I am having an issue with the actual background of my comments. I get a little square of the color when I change the hex# but it doesn’t cover the entire comment section. Any ideas?

  9. On June 16th, 2008 at 7:50 am Jared said:

    @Ashley: you’ve also got a setting wrong. when you correct that, your comments will function like you ask, and then the instructions for changing the bg color will work too.

    go into “Design” => “AWP Managment” => “Comments” and make sure that “use simple comments” is NOT checked, and that “use a custom AWP template for your theme” IS checked.

  10. On June 16th, 2008 at 9:26 am Ashley said:

    Jared,

    Thank you. I changed the setting to “Use a custom awp comment template for your theme” and it changed for me. Thank you for so much for your time!

    -Ashley

  11. On June 24th, 2008 at 10:36 pm Nicole said:

    Hi Jared,

    I’ve searched and searched but can’t seem to find what I’m looking for. My comments section font is really quite small relative to my other font. Can you please advise how I can change the font size of the comment section so that it is easier to see.

    Regards
    Nicole

  12. On June 25th, 2008 at 7:58 am Jared said:

    @Nicole: good question! I just wrote up a post answering it, you can find it here.

  13. On July 15th, 2008 at 5:38 pm laura said:

    i am having the same problem as cherry did. my comments are all the same now as the first post. also i changed the color on the box and it is still white. any clue what i am doing wrong?

    thanks,
    laura

  14. On July 16th, 2008 at 9:09 am Jared said:

    @laura: did you get it figured out? because it looks like they are working fine now, and the box is no longer white…

  15. On July 16th, 2008 at 5:44 pm laura said:

    yes i did thanks! so now here is something new and i did not see any FAQ so i will post it here. i am trying to change my header-masthead. jpeg image again and i took the old one down and uploaded the new one named the same thing. but it still shows the old one even after refreshing. have any ideas? the old one is blue and the new one should be yellow.

  16. On July 17th, 2008 at 7:55 am Jared said:

    @laura: you’re using the flashfader right? are you deleting and uploading images from the manage -> flashfader panel?

  17. On July 17th, 2008 at 8:04 am laura said:

    so i just activated flashfader to see if that helped and i deleted what was there and uploaded the correct image, then emptied cache and still the old one shows up. i am stumped.

  18. On July 17th, 2008 at 8:30 am laura said:

    jared, i just got it. it decided to work for me this time. not sure what i did to make it work but it does! thanks for your help!!

  19. On July 24th, 2008 at 7:10 am chantelle bliss said:

    Hi Jared,

    Wondering if there is a way to get rid of the comments section altogether? I don’t want them to be see or any of the heading associated withthe comments section?

    Thanks
    Chantelle

  20. On July 25th, 2008 at 7:32 am Jared said:

    @chantelle bliss: that’s a little tricky, to tricky to just explain, and it’s not a basic, supported customization. if you want to email Matt at prophotoinstall at gmail dot com he’d be able to give you a price to do that customization for you. (he’s on vacation until the end of next week though).

  21. On July 30th, 2008 at 10:30 am Kerry said:

    If I want to add a twitter badge to my blog on the “sidebar,” where do I install the code?

    Thanks!

  22. On July 30th, 2008 at 6:52 pm Jared said:

    @Kerry: try pasting it into a text widget under “design” -> “widgets”

  23. On July 31st, 2008 at 1:35 pm Kerry said:

    I’ll try it. Thanks!

  24. On August 12th, 2008 at 10:50 am Laurel said:

    I did not see a category for this questions..so I will try here. My friend over at http://www.slnstudios.com/blog has a interesting flash comment box where you can have readers leave icons or html into your comment blog. I looked into her admin field and compared what she had to mine..but wanted to make sure there isin’t some kind of script or program I need to install before activating this.

    Thanks,
    Laurel

  25. On August 12th, 2008 at 1:04 pm Jared said:

    @Laurel: i’m not totally sure how she got this, maybe it’s extra options in the AWP management area under the “design” tab. i’m guessing she updated her AWP plugin to the most recent version, and got a little tricky with some settings on it…

  26. On August 13th, 2008 at 7:57 am Laurel said:

    Thanks…I’m just gonna leave this alone for now!

Leave a Reply