Changing Link Color – Unsleepable Theme

• 

  blofeld1 · Member · Mar 16, 2009 at 5:32 pm

  • Copy link
  • Add topic to favorites

  I am using Unsleepable which comes with links that are a lavender color. I intend to change to the standard blue. I have added the following:

  .itemtext a:link { color: #0000FF }
  .metadata a:link {color: #0000FF }
  .itemtext2:comment { color: #0000FF }
  .item2:comment { color: #0000FF }

  The first two lines seem correct – now all the “main” links appear blue in Preview Mode.

  However, the second two lines must have failed because in the Comment sections of my Posts, the date links and links that commenters have placed in the “Name” field are still lavender. Any ideas?

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

• 

  thesacredpath · Member · Mar 16, 2009 at 6:04 pm

  • Copy link

  We need a link to the blog. I’m not sure what is linked to your username, but it is not a URL and ends up at the main earthlink.net page.

• 

  blofeld1 · Member · Mar 16, 2009 at 6:13 pm

  • Copy link

  Sorry:

  http://autouniversum.wordpress.com/

• 

  thesacredpath · Member · Mar 16, 2009 at 7:35 pm

  • Copy link

  The color of the date links on the comments are controlled here:

  a {
  border-bottom:medium none;
  color:#DA1071;
  text-decoration:none !important;
  }

  That also controls the color of the “reply” link for comment threading.

• 

  blofeld1 · Member · Mar 16, 2009 at 8:02 pm

  • Copy link

  Thanks, that does indeed work, but unfortunately, it also changes all the Titles of my Posts from dark grey to blue.

• 

  thesacredpath · Member · Mar 16, 2009 at 8:18 pm

  • Copy link

  Hmmm, I changed the #DS1071 to blue in the section I referenced, and it did not effect the post titles.

• 

  blofeld1 · Member · Mar 16, 2009 at 8:46 pm

  • Copy link

  I added this line:

  a:link { color: #0000FF }

  Should I do something different? How are you able to “change”the code? – I cannot get to the Theme code to change or edit, I need to write overlay code on a blank sheet that is in the CSS Edit page.

• 

  thesacredpath · Member · Mar 16, 2009 at 9:05 pm

  • Copy link

  Hmmm, I changed the #DS1071 to blue in the section I referenced, and it did not effect the post titles.

• 

  blofeld1 · Member · Mar 16, 2009 at 9:23 pm

  • Copy link

  Now I am more confused – Again, I added:

  a:link {
  color: #0000FF;
  }

  When I look at the preview in OS X and Safari, all the links are the desired blue. However, I have 9 posts. 4 of the post titles appear blue and 6 Dark Grey.

  When I look at the preview in OS X + Firefox, all the links are the desired blue and all 9 posts appear blue.

  What operating system and browser are you viewing on?

• 

  thesacredpath · Member · Mar 16, 2009 at 9:27 pm

  • Copy link

  I use an addon for Firefox called Firebug which allows me to try changes to CSS on the fly and also quickly identify what part of the CSS controls what in web pages and blogs.

• 

  thesacredpath · Member · Mar 16, 2009 at 9:33 pm

  • Copy link

  I’m on 10.5.6 on a Macbook Pro. I was using FF when I did my fooling around. Since I don’t have the Firebug addon for Safari, I couldn’t test in Safari.

  You cannot edit the existing stylesheet. You can either replace it or add to it depending on what choice you make in the CSS edit window. Add the following to your stylesheet (with things set to “add to existing stylesheet…” :

  a {
  color:#0000FF;
  }