How do I change the color of JUST my comment link?

  • Resolved fanboi

    (@fanboi)


    15 years, 7 months ago

    I found another post asking my question and tried the recommended solution, but it didn’t work for me…

    here is the code I added to style.css

    span {
color: #ffffff;
}

span:hover {
color: #f1d6c3;
}

    here is the code from index.php (I was successful in making comment link bold, but not in changing its color)

    <p class="postmetadata"><?php the_tags('Tags: ', ', ', '<br />'); ?> Posted in <?php the_category(', ') ?> | <?php edit_post_link('Edit', '', ' | '); ?>  <strong><commenttext><?php comments_popup_link('Click HERE to comment! »', '1 Comment »', '% Comments »'); ?></commenttext></strong></p>
Viewing 7 replies - 1 through 7 (of 7 total)
  • equaldesign

    (@equaldesign)

    15 years, 7 months ago

    Replace <commentext> and </omenttext> with the following:

    <span class="commenttext">stuff in here!</span>

    then add this to your stylesheet:

    .commenttext {
color: #ffffff;
}

.commenttext:hover {
color: #f1d6c3;
}
    Thread Starter fanboi

    (@fanboi)

    15 years, 7 months ago

    I did as you suggested, but the color on my comments link still hasn’t changed. Is there a specific place within the style.css that the new code must be added? I included items above and below where I placed it so you can tell me if I just need to move it elsewhere.

    #content {
	font-size: 1.2em
	}

.commenttext {
color: #ffffff;
}

.commenttext:hover {
color: #f1d6c3;
}

.widecolumn .entry p {
	font-size: 1.05em;
	}
    <p class="postmetadata"><?php the_tags('Tags: ', ', ', '<br />'); ?> Posted in <?php the_category(', ') ?> | <?php edit_post_link('Edit', '', ' | '); ?>  <strong><span class="commenttext"><?php comments_popup_link('Click HERE to comment! »', '1 Comment »', '% Comments »'); ?></span></strong></p>
    equaldesign

    (@equaldesign)

    15 years, 7 months ago

    Is there a link to a site where I can take a look?

    moshu

    (@moshu)

    15 years, 7 months ago

    Just wondering… shouldn’t that be

    commenttext a{…
    commenttext a:hover {… ?

    equaldesign

    (@equaldesign)

    15 years, 7 months ago

    Sorry I have mis read. Use the code above and add this to your style sheet.

    .commenttext a {
color: #ffffff;
}

.commenttext a:hover {
color: #f1d6c3;
}

    That should do it

    equaldesign

    (@equaldesign)

    15 years, 7 months ago

    Your right moshu just realised myself – thanks!

    Thread Starter fanboi

    (@fanboi)

    15 years, 7 months ago

    That worked like a charm! Thanks SOOO much!!!!!

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘How do I change the color of JUST my comment link?’ is closed to new replies.