?

Log in

No account? Create an account

Previous Entry | Next Entry

Changing link colors (fixed).

  • Jan. 5th, 2008 at 9:58 PM

I have been able to change the color of every other link on nightspoken to my satisfaction, but the link you click to add a new comment to an entry remains stubbornly blue. I also need to change the links on the reply form.

Here's a screenshot of the problem (just follow my hastily scribbled arrow).



Does anyone know what property I need to edit to make it gray instead?

Here is my custom CSS, in case it helps.


body {
color: #dedede;
background-color: #000000;
font-family: georgia;
font-size: 13px;
}

#header, #header-content {
background-color: #000000;
background-image: none;
}

#alpha, #alpha-inner {
background-color: #212121;
}

#content, #content-inner {
background-color: #212121;
}

#beta, #beta-inner {
background-color: #212121;
}

#page {
background-color: #000000;
}

.layout-tw #content-inner,
.layout-wt #content-inner,
.layout-wtt #content-inner,
.layout-twt #content-inner {
background-position: top left;
background-repeat: no-repeat;
background-color: #212121;
}

.asset-name,
.asset-name a:link,
.asset-name a:visited,
.asset-name a:hover {
color: #c1c1c1;
font-size: 25px;
}

.prevnext a:link,
.prevnext a:visited,
.prevnext a:hover {
color: #c1c1c1;
}

.asset-content a,
.asset-content a:hover,
.asset-tags-list {
color: #ffffff;
background-color: #212121;
}

.widget-content a:link,
.widget-content a:visited,
.widget-content a:hover, {
color: #999999;
}

.asset-meta-list a:link,
.asset-meta-list a:hover,
.asset-meta-list a:visited {
color: #999999;
}

.asset-body,
.asset-body a:link,
.asset-body a:hover,
.asset-body a:visited {
color: #cccccc;
background-color: #212121;
}

.comment-links a:link,
.comment-links a:visited,
.comment-links a:hover {
color: #c1c1c1;
}

.asset-meta-comments a:link,
.asset-meta-comments a:hover,
.asset-meta-comments a:visited {
color: #c1c1c1;
}

.asset-meta-no-comments a:link,
.asset-meta-no-comments a:hover,
.asset-meta-no-comments a:visited {
color: #c1c1c1;
}

.commenter-name a:link,
.commenter-name a:hover,
.commenter-name a:visited {
color: #FFFFFF;
font-weight: bold;
}

.quickreply,
.quickreply a:link,
.quickreply a:hover,
.quickreply a:visited {
color: #c1c1c1;
}

.designed-widget {
display: none;
}

a[href*=tellafr] {display: none;}

Comments

( 6 comments — Leave a comment )
av8rmike
Jan. 6th, 2008 03:13 pm (UTC)
Most of those link color specifiers, especially the ones in the comments can be replaced just with:
a {color: #c1c1c1;}
nightspoken
Jan. 6th, 2008 11:54 pm (UTC)
Thanks. That helps with the code overall, but it doesn't seem to affect any of the links that are still blue in the "reply" form.

Ideally I'd also like to change the color of the "reply" form, to make the space where you type black and the font white, instead of the other way around.

(Oh, and I really like your icon.)

Edited at 2008-01-06 11:56 pm (UTC)
av8rmike
Jan. 7th, 2008 03:44 am (UTC)
You didn't put in the line as I gave it to you. That will change all the link colors, not just the individually specified ones.

For the input box, try:
.textbox { 
    background-color: #000000;
    color: #ffffff;
}
nightspoken
Jan. 7th, 2008 07:30 am (UTC)
Okay, here's the part I altered:

.comment-links a {
color: #c1c1c1;
}

.asset-meta-comments a {
color: #c1c1c1;
}

.asset-meta-no-comments a {
color: #c1c1c1;
}

.commenter-name a {
color: #ffffff;
font-weight: bold;
}

.quickreply a {
color: #c1c1c1;
}

.textbox {
background-color: #000000;
color: #c1c1c1;
}

.textbox a (
color: #c1c1c1;
)


It worked excellently on the textbox, but the blue links are still blue.
av8rmike
Jan. 7th, 2008 03:16 pm (UTC)
OK, I'll try to spell this out even more.
Delete:
.comment-links a {
    color: #c1c1c1;
}

.asset-meta-comments a {
    color: #c1c1c1;
}

.asset-meta-no-comments a {
    color: #c1c1c1;
}

.commenter-name a {
    color: #ffffff;
    font-weight: bold;
}

.quickreply a {
    color: #c1c1c1;
}
Most of them, especially the quickreply one, don't even do anything. Add this line, just as it is:
a {color: #c1c1c1;}
nightspoken
Jan. 11th, 2008 04:51 am (UTC)
Awesome! Fixed! Thank you.

Sorry I was being so dense. I was sorting through the code trying to make it more specific, and I should've been trying to make it more general. Figures.
( 6 comments — Leave a comment )

Latest Month

March 2016
S M T W T F S
  12345
6789101112
13141516171819
20212223242526
2728293031  

S2 Help Communities

Tags

Powered by LiveJournal.com
Designed by chasethestars