WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Help needed in chaning color of the comments box (2 posts)

  1. keiko1981
    Member
    Posted 1 year ago #

    Currently I'm using the Eudora theme v.1.1.
    I have pretty much no knowledge at all about CSS.
    From experimenting I've managed to change link, text and background color.
    The problem I have is when I change the color of the text to white (shown in posts), the comments disappear since the comments area is has a white background.
    Anyone who knows what I should change to get a black background where the comments are displayed as well.
    Page with comment box in white.

    I include the code for comments area from the styles.css as well.

    /* =COMMENTS
    -------------------------------------------------------------- */
    
    #comments {
        margin-bottom: 15px;
    }
    
    #comments p {
        margin: 5px 0 10px 0;
    }
    
    h3#comments-title {
        font-weight: bold;
        font-size: 20px;
        padding: 0;
        margin: 0 0 15px 0;
    }
    
    .commentlist {
        list-style: none;
        margin: 0;
        padding: 0;
    }
    
    .commentlist li.comment {
        line-height: 24px;
        margin: 0 0 15px 0;
        padding: 0 0 0 0px;
        position: relative;
    }
    
    .commentlist li:last-child {
        border-bottom:none;
        margin-bottom:0;
    }
    
    #comments .comment-body ul,
    #comments .comment-body ol {
        margin-bottom: 15px;
    }
    
    #comments .comment-body blockquote p:last-child {
        margin-bottom: 15px;
    }
    
    .commentlist .avatar {
        border: 3px solid #ffffff;
        margin-right: 10px;
        width: 40px;
        height: 40px;
        vertical-align: middle;
        margin-bottom: 2px;
    }
    
    .comment-author {
        padding: 5px;
        display: block;
        background: #F2F2F2;
        border: 1px solid #DFDFDF;
        -moz-border-radius: 4px;
        -khtml-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
    }
    
    .comment-author cite {
        font-style: normal;
        font-weight: bold;
    }
    
    .comment-author .says {
        font-style: italic;
    }
    
    .fn, .fn a:link, .fn a:hover, .fn a:visited {
        font-family: Arial, Helvetica, Sans-serif;
        font-size: 16px;
        font-style: normal;
        font-weight: bold;
        text-decoration: none;
    }
    
    .comment-meta {
        margin: -23px 0 0 65px;
        display: block;
        font-size: 11px;
        padding:0;
    }
    
    .comment-meta a:link,
    .comment-meta a:visited {
        text-decoration: none;
    }
    .commentlist .bypostauthor {
    }
    .reply {
        text-align: right;
        margin-bottom: 10px;
    }
    
    .comment-reply-link  {
        font-size: 11px;
        font-weight: normal;
        text-decoration: none;
        background: #EDEDED;
        color: #333;
        padding: 2px 8px;
        -moz-border-radius: 3px;
        -khtml-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        border:  1px solid #999999;
    }
    
    .comment-reply-link:hover {
        background: #F5F5F5;
        color: #333;
    }
    
    .commentlist .children {
        list-style: none;
        margin: 0;
    }
    
    /* Children */
    
    .commentlist .children li {
        border: none;
        margin: 0;
    }
    
    .nocomments {
        display: none;
    }
    
    #comments .pingback {
        margin-bottom: 18px;
        padding-bottom: 18px;
    }
    
    .commentlist li.comment+li.pingback {
        margin-top: -6px;
    }
    
    #comments .pingback p {
        font-size: 12px;
        line-height: 18px;
        display:block;
        margin: 0;
    }
    
    #comments .pingback .url {
        font-style: italic;
        font-size: 13px;
    }
    
    /* Comments form */
    
    #respond {
        overflow: hidden;
        position: relative;
        margin-bottom: 15px;
    }
    
    h3#reply-title {
        font-weight: bold;
        font-size: 20px;
        padding: 0;
        margin: 0 0 15px 0;
    }
    
    #respond .required {
        color:#FF4B33;
    }
    
    #respond .comment-notes {
        margin-bottom: 1em;
    }
    
    .form-allowed-tags {
        display: none;
    }
    
    .children #respond {
        margin: 0 48px 0 0;
    }
    
    #comments-list #respond {
        margin: 0 0 18px 0;
    }
    
    #comments-list ul #respond {
        margin: 0;
    }
    
    #cancel-comment-reply-link {
        font-size: 12px;
        line-height: 18px;
        font-weight: normal;
    }
    
    #respond .required {
        color:#FF4B33;
        font-weight:bold;
    }
    
    #respond label {
        font-size: 12px;
        font-weight: bold;
    }
    
    #respond input {
        margin:10px 0 0 0;
        width:98%;
    }
    
    #respond textarea {
        width:98%;
        margin:10px 0 0 0;
    }
    
    #respond .form-allowed-tags {
        font-size: 12px;
        line-height: 18px;
    }
    
    #respond .form-allowed-tags code {
        font-size: 11px;
    }
    
    #respond input[type=submit] {
        margin: 0;
    }
    
    #respond .form-submit {
        margin: 0;
    }
    
    #respond .form-submit input {
        width: auto;
        font-size: 14px;
    }
    #respond dl {
        margin: 0 0 10px;
    }
    
    #respond dt {
        display: inline;
        font-weight: normal;
    }
    
    #respond dd {
        display: inline;
    }
    
    /* =END

    -------------------------------------------------------------- */

  2. Andrew
    Forum Moderator
    Posted 1 year ago #

    It's best to ask the guys who made that theme, they'll know this answer.

Topic Closed

This topic has been closed to new replies.

About this Topic