Support » Themes and Templates » {Theme-Clean Retina} Font color

  • Resolved jhud202@gmail.com

    (@jhud202gmailcom)


    I need to change the font color to black in the comments section of the blog. I used a MicroTheme for the Contact Form 7 and that got it so I could read it, but the blog comment form is a white background with white fonts. Can someone help me there? Please let me know the CSS and where to put it in. Web site is jhudphotography.com

Viewing 9 replies - 1 through 9 (of 9 total)
  • Christine Rondeau

    (@crondeau)

    Volunteer Forum Moderator

    On line #61 of your style.css you have this:

    body, input, textarea {
        color: #fff;
    }

    Just change that to :

    body {
        color: #fff;
    }
    
    input, textarea {
        color: #000;
    }

    That should do it.

    Thank you for the reply, but I have been through the Style CSS line by line and not found anything like you are saying. That would, I assume be in the comment section of the Style CSS, I that correct?

    Following is the lines in the Styles CSS that have to do with the respond to comment text area:
    #respond form input[type=”text”],
    #respond form textarea {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 12px;
    font-size: 0.857142857rem;
    line-height: 1.714285714;
    padding: 10px;
    padding: 0.714285714rem;
    width: 100%;

    Is this the wrong place to be looking?

    Christine Rondeau

    (@crondeau)

    Volunteer Forum Moderator

    Ah, sorry.. I was using Chrome inspector and assumed that the code was in the css, but looking at your HTML source code, I can see this:

    <!-- Photography by Joe Hudspeth Custom CSS Styles -->
    <style type="text/css" media="screen">
    #branding, #colophon {
        background: none;
        border: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    
    body, input, textarea {
        color: #fff;
    }
    .entry-title, .entry-title a {
        color: #fff;
    }
    .widget-title, .widget-title a {
        color: #fff;
    }
    .entry-meta {
        color: #fff;
    }
    
    </style>

    I suspect you have custom CSS somewhere. just get rid of the color #fff on the input and textarea.

    I do have the custom CSS with the input and textarea set to #fff because I need the white printing on all of the web. When I change that it changes all the text to black and you can’t read it on the dark background.

    Christine Rondeau

    (@crondeau)

    Volunteer Forum Moderator

    input and textarea should only be for form elements, so I don’t understand why it’s in your custom css, but try adding this to it then:

    #respond form input[type="text"],
    #respond form textarea {
    color: #000;
    }

    I placed the CSS at the end of the custom CSS string and it didn’t work. I even changed the word respond to comment and still it didn’t show. If I type in the white comment box for the reply, and then go highlight using the mouse, the letters are there, only in white. Perhaps we are going about this the wrong way. Maybe I could change the color of the white box to dark gray or the color of the other boxes in the Contact Form. Do you know of a way for me to do that?

    Christine Rondeau

    (@crondeau)

    Volunteer Forum Moderator

    try adding background:#333;

    #respond form input[type="text"],
    #respond form textarea {
    color: #333;
    }

    you should also familiarize yourself with the chrome inspector or firebug to do this kind of thing.

    I added this to the Custom CSS string and it has solved the problem:
    #respond form input[type=”text”],
    #respond form textarea {
    color: #000;
    }

    Thank you much for your help!

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘{Theme-Clean Retina} Font color’ is closed to new replies.