WordPress.org

Ready to get started?Download WordPress

Forums

Comment font color (15 posts)

  1. trentp
    Member
    Posted 8 years ago #

    My font color for the text in the comment box above "leave a reply" is white. I don't want the search engines to penalize me. How can I change just the this font color and no other?

  2. moshu
    Member
    Posted 8 years ago #

    Which theme? Link?

  3. trentp
    Member
    Posted 8 years ago #

    Check out the box with the text you can barely see at http://www.performbettergolf.com/blog/?p=178

  4. rozmo
    Member
    Posted 8 years ago #

    I'm using the WP Default v1.5 and this seemed to work for me:

    1)To change the back ground color of the table find this and insert in the bolded line whatever color suits you:

    .alt {
    background-color: #f8f8f8;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    }

    2)To change the color of the text find this and insert in the bolded line whatever color you want:

    small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
    color: #777;
    }

    Remember that there links in there so whatever color you choose, it should contrast with the links.

    Hope that helps

    Regards,
    rozmo

  5. trentp
    Member
    Posted 8 years ago #

    It worked partly. Now the text is black but the links are still white (ugh).

    http://www.performbettergolf.com/blog/?p=178

  6. moshu
    Member
    Posted 8 years ago #

    They are because your "general" links are white and they inherit that colour. You will have to define the link (a) colour for that particular div in the stylesheet. Like
    .postmetadata a{color: red;}

  7. trentp
    Member
    Posted 8 years ago #

    I couldn't find it. All I could find was:
    .postmetadata ul, .postmetadata li {
    display: inline;
    list-style-type: none;
    list-style-image: none;
    }

  8. rozmo
    Member
    Posted 8 years ago #

    I believe what moshu meant was to add that line of code into your style sheet. He used "red" as an example but you can put whatever color you like in there.

    I added it into mine and it worked just fine. Where you put it in the sheet doesn't matter too much as long as it is on a line by itself and not added into anything else.

    Hope that helps
    Regards,
    rozmo

  9. trentp
    Member
    Posted 8 years ago #

    I got the text to change - http://www.performbettergolf.com/blog/?p=178#comments but the links are still white.

    I would like the body links to remain white, but have the links in the comments box something like blue or even green. Help????

  10. moshu
    Member
    Posted 8 years ago #

    I gave you the solution above. Can't you copy/paste?

  11. rozmo
    Member
    Posted 8 years ago #

    Trentp, insert the line of code that moshu gave you into your style sheet. It does not currently exist. You have to add it anywhere in your style sheets on a line by itself.

    .postmetadata a{color: red;}

    If you want blue as your link color in the box then use the line of code he gave you and replace the color red with: #0000FF

    So the line you want to install should look like this now:

    .postmetadata a{color: #0000FF;}

    That is the # sign followed by 4 zeroes followed by to 2 capital F's

    Regards,
    rozmo

  12. trentp
    Member
    Posted 8 years ago #

    Whew! I think I got it. Thanks for ALL your help. Now I just need to get a "home" button on my blog. Not pointing to my site...pointing to the homepage of the blog.

  13. katie1
    Member
    Posted 8 years ago #

    @trentp - it wouldn't hurt either to add:

    .postmetadata a:hover {color:#whatever; text-decoration:underline}

    because when you hover over those links, they disappear entirely because they're white, which makes tracking them difficult.

  14. trentp
    Member
    Posted 8 years ago #

    Hmmm???I inserted the code near the top and stated yellow
    for the color, but it didn't take for some reason.

    Also...how do change the color of the link when it's clicked on in the body of the post? Right now it's a hideous red.

  15. moshu
    Member
    Posted 8 years ago #

    Locating the section in your stylesheet that refers to these links... it's a WP related isuue, so you got the help.

    Teaching basic CSS rules is beyond the scope of this forum. Try to learn the basics: http://www.w3schools.com/css/default.asp

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags