Comment Box Text Color

• 

  bznutz · Member · Oct 10, 2011 at 2:44 am

  • Copy link
  • Add topic to favorites

  I am trying to change the color of text in a box when submitting comments. The box is white along with my text. Thank you for the help.

  /* =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;
  }

• 

  supportbot · Member · Oct 10, 2011 at 2:44 am

  • Copy link

  You did not specify a blog address or reason for posting when you created this topic.

  This support forum is for blogs hosted at WordPress.com. If your question is about a self-hosted WordPress blog then you’ll find help at the WordPress.org forums.

  If you don’t understand the difference between WordPress.com and WordPress.org, you may find this information helpful.

  If you forgot to include a link to your blog, you can reply and include it below. It’ll help people to answer your question.

  This is an automated message.