Comment Box Font Color

• 

  bznutz · Member · Oct 10, 2011 at 3:12 am

  • Copy link
  • Add topic to favorites

  I want to change the color of the font inside my comment form. I am struggling big time. Thanks for the help in advance.

  /* =Comments
  ————————————————————– */
  #comments {
  clear: both;
  }
  #comments .navigation {
  padding: 0 0 18px 0;
  }
  h3#comments-title,
  h3#reply-title {
  color: #FFF;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 0;
  }
  h3#comments-title {
  padding: 24px 0;
  }
  .commentlist {
  list-style: none;
  margin: 0;
  }
  .commentlist li.comment {
  border-bottom: 1px solid #e7e7e7;
  line-height: 24px;
  margin: 0 0 24px 0;
  padding: 0 0 0 56px;
  position: relative;
  }
  .commentlist li:last-child {
  border-bottom: none;
  margin-bottom: 0;
  }
  #comments .comment-body ul,
  #comments .comment-body ol {
  margin-bottom: 18px;
  }
  #comments .comment-body p:last-child {
  margin-bottom: 6px;
  }
  #comments .comment-body blockquote p:last-child {
  margin-bottom: 24px;
  }
  .commentlist ol {
  list-style: decimal;
  }
  .commentlist .avatar {
  position: absolute;
  top: 4px;
  left: 0;
  }
  .comment-author {
  }
  .comment-author cite {
  color: #FFF;
  font-style: normal;
  font-weight: bold;
  }
  .comment-author .says {
  font-style: italic;
  }
  .comment-meta {
  font-size: 12px;
  margin: 0 0 18px 0;
  }
  .comment-meta a:link,
  .comment-meta a:visited {
  color: #FFF;
  text-decoration: none;
  }
  .comment-meta a:active,
  .comment-meta a:hover {
  color: #FFF;
  }
  .commentlist .even {
  }
  .commentlist .bypostauthor {
  }
  .reply {
  font-size: 12px;
  padding: 0 0 24px 0;
  }
  .reply a,
  a.comment-edit-link {
  color: #FFF;
  }
  .reply a:hover,
  a.comment-edit-link:hover {
  color: #FFF;
  }
  .commentlist .children {
  list-style: none;
  margin: 0;
  }
  .commentlist .children li {
  border: none;
  margin: 0;
  }
  .nopassword,
  .nocomments {
  display: none;
  }
  #comments .pingback {
  border-bottom: 1px solid #e7e7e7;
  margin-bottom: 18px;
  padding-bottom: 18px;
  }
  .commentlist li.comment+li.pingback {
  margin-top: -6px;
  }
  #comments .pingback p {
  color: #FFF;
  display: block;
  font-size: 12px;
  line-height: 18px;
  margin: 0;
  }
  #comments .pingback .url {
  font-size: 13px;
  font-style: italic;
  }

  /* Comments form */
  input[type=submit] {
  color: #FFF;
  }
  #respond {
  border-top: 1px solid #e7e7e7;
  margin: 24px 0;
  overflow: hidden;
  position: relative;
  }
  #respond p {
  margin: 0;
  }
  #respond .comment-notes {
  margin-bottom: 1em;
  }
  .form-allowed-tags {
  line-height: 1em;
  }
  .children #respond {
  margin: 0 48px 0 0;
  }
  h3#reply-title {
  margin: 18px 0;
  }
  #comments-list #respond {
  margin: 0 0 18px 0;
  }
  #comments-list ul #respond {
  margin: 0;
  }
  #cancel-comment-reply-link {
  font-size: 12px;
  font-weight: normal;
  line-height: 18px;
  }
  #respond .required {
  color: #FFF;
  font-weight: bold;
  }
  #respond label {
  color: #FFF;
  font-size: 12px;
  }
  #respond input {
  margin: 0 0 9px;
  width: 98%;
  }
  #respond textarea {
  width: 98%;
  }
  #respond .form-allowed-tags {
  color: #FFF;
  font-size: 12px;
  line-height: 18px;
  }
  #respond .form-allowed-tags code {
  font-size: 11px;
  }
  #respond .form-submit {
  margin: 12px 0;
  }
  #respond .form-submit input {
  font-size: 14px;
  width: auto;
  }

  The blog I need help with is: (visible only to logged in users)

• 

  timethief · Member · Oct 10, 2011 at 3:27 am

  • Copy link

  The free hosted WordPress.com blog linked to your username is wearing the Titan theme. All CSS editing here is theme specific. Will you please confirm whether or not that’s the blog and theme in question?

• 

  bznutz · Member · Oct 10, 2011 at 3:40 am

  • Copy link

  That is not the blog in question. I have two.. The CSS above is the one in question.