Cant change text colour in Misty

• 

  jipsom · Member · Apr 8, 2009 at 12:23 pm

  • Copy link
  • Add topic to favorites

  Hi everyone. I am trying to change the headings text colour from DARK GREEN to RED in Mistylook. I am quite ignorant to CSS, so I thought I’d try changing all the fields one at a time in order to pinpoint the TEXT through process of elimination. However, the only change I seem to be able to affect is the background colour.

  Can anyone tell me what I’m doing wrong? Thanks. My link is http://www.fourlegsoffury.wordpress.com The CSS code is below:

  * {
  margin:0;
  padding:0;
  }

  body {
  background:#669999 url(‘img/bgbody.gif’) repeat-y center top;
  font:normal .7em Tahoma,Verdana,sans-serif;
  }

  div a {
  color:#FFF;
  cursor:pointer;
  text-decoration:none;
  }

  h1 {
  color:#152;
  font:normal 12px sans-serif;
  margin:18px 0 0;
  }

  code {
  background:url(‘img/bgcode.gif’);
  border:1px solid #Ff3333;
  border-left:6px solid #ff3333;
  color:#152;
  display:block;
  font:normal 1em “Lucida Sans Unicode”,serif;
  margin-bottom:12px;
  white-space:pre;
  padding:8px 10px;
  }

  blockquote {
  background:url(‘img/quote.gif’) no-repeat;
  color:#253;
  display:block;
  font:bold 1.2em “Trebuchet MS”,serif;
  padding-left:28px;
  margin:6px 0;
  }

  .main {
  width:680px;
  margin:0 auto;
  }

  .main_left {
  float:left;
  padding-top:6px;
  width:420px;
  }

  .main_right {
  border-top:6px solid #FFF;
  float:right;
  width:254px;
  }

  .footer {
  color:#666;
  clear:both;
  }

  .left {
  float:left;
  }

  .right {
  float:right;
  }

  .header,.link_projects,.lbl,.link_updates a {
  border-bottom:6px solid #FFF;
  }

  div.link_projects a:hover,div.link_updates a:hover,.content a:hover,div.footer div.left a:hover {
  background:#D7162C;
  color:#ccc;
  }

  .header {
  background:#D91644 url(‘img/bgheader.gif’) repeat-x;
  height:180px;
  }

  .header h1 {
  font:normal 2.2em Verdana,sans-serif;
  margin:0;
  padding:124px 0 0 24px;
  }

  .link_menu {
  background:#ffffff url(‘img/grdnt_red.png’) repeat-x;
  }

  .link_menu a {
  border-bottom:1px solid #ccc;
  display:block;
  font:bold .9em Verdana,sans-serif;
  height:18px;
  text-decoration:none;
  padding:6px 0 0 10px;
  }

  .link_menu a:hover {
  background:#344;
  }

  .lbl {
  background:#343 url(‘img/bglbl.gif’) repeat-x;
  clear:both;
  color:#FFF;
  font:normal 2em “Lucida Sans Unicode”,sans-serif;
  height:50px;
  line-height:50px;
  overflow:hidden;
  text-align:center;
  }

  .link_projects a {
  display:block;
  height:100px;
  text-align:center;
  color:#344;
  padding-top:24px;
  width:124px;
  font-size:.9em;
  font-family:sans-serif;
  }

  .link_projects a span {
  font:normal 5em sans-serif;
  }

  a.g1 {
  background:#888;
  }

  a.g2 {
  background:#666;
  border-left:6px solid #FFF;
  }

  .link_updates {
  background:#222 url(‘img/grdnt_gray.gif’) repeat-x;
  }

  .link_updates .lbl {
  border-top:6px solid #FFF;
  height:100px;
  line-height:100px;
  }

  .link_updates a {
  clear:right;
  display:block;
  font:normal 1.2em “Trebuchet MS”,sans-serif;
  height:55px;
  text-align:center;
  padding:10px 0;
  }

  .link_updates a span {
  float:left;
  font:normal 3em Helvetica,sans-serif;
  letter-spacing:-2px;
  margin-left:10px;
  margin-top:3px;
  }

  .content {
  color:#344;
  font-family:Helvetica,sans-serif;
  line-height:1.3em;
  padding:0 10px 10px;
  }

  .content a {
  color:#FD1C24;
  }

  .content p {
  margin:4px 0 10px;
  }

  .content .descr {
  color:#666;
  margin-bottom:6px;
  }

  .content li {
  list-style:url(‘img/li.gif’);
  margin-left:18px;
  }

  .footer .right a {
  background:#2A2A2A;
  color:#555;
  padding:1px 3px;
  }

  .footer .right a:hover {
  background:#383838;
  color:#999;
  }

  .footer .left a {
  color:#777;
  }

  .footer .left {
  border-top:1px solid #6600ff;
  width:407px;
  padding:9px 0 9px 9px;
  }

  .footer .right {
  margin-right:8px;
  text-align:right;
  width:220px;
  padding:9px 0;
  }

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

• 

  thesacredpath · Member · Apr 8, 2009 at 2:08 pm

  • Copy link

  You want to change the color here:

  a:link, a:visited {
  color:#265E15;
  }

  Do be aware that it will also change the color of the green text in the sidebar widgets and also the author name below the post title.